@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--p-bg: #ffffff;--p-bg-soft: #f6f8fc;--p-surface: rgba(255, 255, 255, .65);--p-surface-strong: rgba(255, 255, 255, .85);--p-text: #0d1326;--p-text-muted: #5b6478;--p-border: rgba(13, 19, 38, .08);--p-accent: #6366f1;--p-accent-2: #06b6d4;--p-accent-3: #a855f7;--p-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #06b6d4 100%);--p-shadow: 0 10px 40px -12px rgba(99, 102, 241, .25);--p-glow: 0 0 30px rgba(99, 102, 241, .35)}[data-theme=dark]{--p-bg: #07091a;--p-bg-soft: #0c1030;--p-surface: rgba(20, 24, 55, .5);--p-surface-strong: rgba(20, 24, 55, .85);--p-text: #eef1ff;--p-text-muted: #9aa3c4;--p-border: rgba(255, 255, 255, .08);--p-shadow: 0 10px 40px -12px rgba(0, 0, 0, .6)}html{scroll-behavior:smooth}body.portfolio-body{font-family:Inter,system-ui,sans-serif;background:var(--p-bg);color:var(--p-text);transition:background .4s ease,color .4s ease;overflow-x:hidden}.portfolio-body h1,.portfolio-body h2,.portfolio-body h3,.portfolio-body h4,.portfolio-body .display-font{font-family:Space Grotesk,sans-serif;letter-spacing:-.02em}.bg-blobs{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.bg-blobs:before,.bg-blobs:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.35}.bg-blobs:before{background:#6366f1;top:-200px;left:-200px}.bg-blobs:after{background:#06b6d4;bottom:-200px;right:-200px}[data-theme=dark] .bg-blobs:before{opacity:.25}[data-theme=dark] .bg-blobs:after{opacity:.25}.glass{background:var(--p-surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--p-border);border-radius:18px;box-shadow:var(--p-shadow);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.glass:hover{transform:translateY(-4px);box-shadow:0 20px 50px -10px #6366f159;border-color:#6366f166}.btn-gradient{background:var(--p-gradient);color:#fff!important;border:none;border-radius:999px;padding:.7rem 1.6rem;font-weight:600;letter-spacing:.02em;box-shadow:0 8px 24px -8px #6366f199;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.btn-gradient:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 12px 30px -8px #6366f1cc;color:#fff}.btn-ghost{background:transparent;border:1px solid var(--p-border);color:var(--p-text);border-radius:999px;padding:.7rem 1.6rem;font-weight:600;transition:all .2s ease}.btn-ghost:hover{border-color:var(--p-accent);color:var(--p-accent)}.gradient-text{background:var(--p-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.p-navbar{position:sticky;top:0;z-index:1030;background:var(--p-surface-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--p-border);transition:all .3s ease}.p-navbar .nav-link{color:var(--p-text);font-weight:500;padding:.4rem 1rem!important;border-radius:999px}.p-navbar .nav-link:hover{color:var(--p-accent)}.p-navbar .nav-link.active,.p-navbar .nav-link[data-status=active]{color:#fff;background:var(--p-gradient)}.section{position:relative;padding:6rem 0;z-index:1}.section-eyebrow{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;padding:.4rem .9rem;border-radius:999px;background:var(--p-surface);border:1px solid var(--p-border);color:var(--p-accent)}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin:1rem 0 .6rem}.section-subtitle{color:var(--p-text-muted);max-width:640px}.hero{min-height:92vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero h1{font-size:clamp(2.4rem,5.5vw,4.4rem);font-weight:700;line-height:1.05}.hero .role{color:var(--p-accent);font-weight:600}.hero .muted-rich-text{max-width:620px}.hero-photo{width:320px;height:320px;border-radius:50%;background:var(--p-gradient);padding:6px;box-shadow:var(--p-glow);animation:float 6s ease-in-out infinite}.hero-photo>div{width:100%;height:100%;border-radius:50%;background:var(--p-bg-soft);display:flex;align-items:center;justify-content:center;font-size:6rem;color:var(--p-accent);font-family:Space Grotesk,sans-serif;font-weight:700}.hero-photo>img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;background:var(--p-bg-soft)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.social-icons a{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--p-border);color:var(--p-text);margin-right:.5rem;transition:all .25s ease;background:var(--p-surface)}.social-icons a:hover{background:var(--p-gradient);color:#fff;border-color:transparent;transform:translateY(-3px)}.skill-bar{height:8px;border-radius:999px;background:var(--p-border);overflow:hidden}.skill-bar>span{display:block;height:100%;background:var(--p-gradient);border-radius:999px;width:0;transition:width 1.4s cubic-bezier(.2,.8,.2,1)}.skill-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:999px;background:var(--p-surface);border:1px solid var(--p-border);margin:.25rem;font-size:.85rem;font-weight:500}.skill-chip:hover{color:var(--p-accent);border-color:var(--p-accent)}.icon-tile{width:50px;height:50px;border-radius:14px;background:var(--p-gradient);color:#fff;display:inline-flex;align-items:center;justify-content:center}.timeline{position:relative;padding-left:0}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--p-border);transform:translate(-50%)}.timeline-item{position:relative;width:50%;padding:1rem 2.5rem}.timeline-item:nth-child(odd){left:0;text-align:right}.timeline-item:nth-child(2n){left:50%}.timeline-item .dot{position:absolute;top:1.6rem;width:16px;height:16px;border-radius:50%;background:var(--p-gradient);box-shadow:0 0 0 4px var(--p-bg)}.timeline-item:nth-child(odd) .dot{right:-8px}.timeline-item:nth-child(2n) .dot{left:-8px}@media(max-width:768px){.timeline:before{left:12px}.timeline-item,.timeline-item:nth-child(odd),.timeline-item:nth-child(2n){width:100%;left:0;text-align:left;padding-left:2.5rem;padding-right:0}.timeline-item .dot{left:4px!important;right:auto!important}}.project-banner{height:180px;border-radius:14px;background:var(--p-gradient);background-size:cover;background-position:center;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem}.project-banner:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.3),transparent 50%)}.counter-num{font-size:clamp(2.2rem,4vw,3.4rem);font-weight:700}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:var(--p-gradient);z-index:2000;transition:width .1s linear}.back-to-top{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;background:var(--p-gradient);color:#fff;border:none;display:flex;align-items:center;justify-content:center;box-shadow:var(--p-shadow);z-index:1040;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}.back-to-top.show{opacity:1;pointer-events:auto}.back-to-top:hover{transform:translateY(-4px)}.theme-toggle{width:42px;height:42px;border-radius:50%;border:1px solid var(--p-border);background:var(--p-surface);color:var(--p-text);display:inline-flex;align-items:center;justify-content:center;transition:all .25s ease}.theme-toggle:hover{color:var(--p-accent);border-color:var(--p-accent);transform:rotate(20deg)}.p-footer{background:var(--p-bg-soft);border-top:1px solid var(--p-border);padding:3rem 0 1.5rem}.blog-cover{height:180px;border-radius:14px;background:var(--p-gradient);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem}.tag{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .6rem;border-radius:999px;background:var(--p-surface);border:1px solid var(--p-border);color:var(--p-accent);margin-right:.3rem}.markdown h1,.markdown h2,.markdown h3{margin-top:2rem}.markdown p{line-height:1.8;color:var(--p-text);margin-bottom:1rem}.markdown code{background:var(--p-surface);padding:.15rem .4rem;border-radius:6px;font-size:.9em}.markdown pre{background:var(--p-bg-soft);border:1px solid var(--p-border);padding:1rem;border-radius:12px;overflow-x:auto}.markdown blockquote{border-left:4px solid var(--p-accent);padding-left:1rem;color:var(--p-text-muted);font-style:italic}.markdown ul,.markdown ol{padding-left:1.4rem;line-height:1.8}.rich-text p:last-child{margin-bottom:0}.muted-rich-text,.muted-rich-text p,.muted-rich-text li{color:var(--p-text-muted);line-height:1.8}.rich-text-inline,.rich-text-inline p{display:inline;margin:0}.testimonial-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid var(--p-border)}.btn-gradient:disabled,.btn-ghost:disabled{opacity:.6;pointer-events:none}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.particles{position:absolute;inset:0;z-index:0}.hero>.container{position:relative;z-index:1}.cursor-blob{position:fixed;width:22px;height:22px;border-radius:50%;background:var(--p-accent);mix-blend-mode:difference;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .15s ease;opacity:.7}@media(max-width:992px){.cursor-blob{display:none}}.form-control,.form-select{background:var(--p-surface);border:1px solid var(--p-border);color:var(--p-text);border-radius:12px;padding:.75rem 1rem}.form-control:focus,.form-select:focus{background:var(--p-surface);color:var(--p-text);border-color:var(--p-accent);box-shadow:0 0 0 .2rem #6366f133}.form-control::placeholder{color:var(--p-text-muted)}