:root{--bg: #0b1020;--bg-elev: #0f152b;--surface: rgba(255, 255, 255, .04);--text: rgba(243, 245, 255, .94);--muted: rgba(200, 210, 255, .6);--border: rgba(122, 145, 255, .15);--ring: rgba(99, 102, 241, .6);--accent-1: #7c3aed;--accent-2: #3b82f6;--accent-3: #06b6d4;--radius: 14px;--container-max: 1200px}*{box-sizing:border-box}html,body,#root{height:100%}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(1200px 800px at 50% -10%,rgba(124,58,237,.15),transparent 60%),radial-gradient(1000px 700px at 100% 10%,rgba(59,130,246,.12),transparent 60%),radial-gradient(900px 600px at 0% 20%,rgba(6,182,212,.12),transparent 60%),var(--bg);box-shadow:inset 0 0 120px #00000059;color:var(--text);font-family:Sora,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--container-max);margin:0 auto;padding:0 1.25rem}section{padding:clamp(64px,8vw,112px) 0;scroll-margin-top:90px}.center{text-align:center}.stack{display:flex;flex-direction:column;gap:1rem}.row{display:flex;gap:1rem;align-items:center}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.centered{justify-content:center;align-items:center}h1,h2,h3{margin:0;letter-spacing:-.02em}h1{font-weight:800;font-size:clamp(40px,7vw,72px);line-height:1.05}h2{font-weight:700;font-size:clamp(28px,4.6vw,44px);line-height:1.1}h3{font-weight:600;font-size:clamp(18px,2.4vw,22px)}p{margin:0;color:var(--muted);font-size:clamp(14px,1.5vw,18px);line-height:1.7}small{color:var(--muted)}.typewriter{color:var(--muted);font-weight:700;letter-spacing:.2px;display:inline-flex;align-items:center}.typewriter .caret{display:inline-block;width:2px;height:1.2em;background:currentColor;margin-left:4px;animation:caret-blink 1s steps(1,end) infinite}@keyframes caret-blink{50%{opacity:0}}.gradient-text{background:linear-gradient(90deg,var(--accent-1),var(--accent-2),var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}.card{position:relative;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border-radius:var(--radius);padding:clamp(18px,3vw,28px);box-shadow:0 18px 44px #00000052,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#7c3aed73,#3b82f659,#06b6d459);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.card:hover{box-shadow:0 26px 64px #00000073;transform:translateY(-2px);transition:transform .18s ease,box-shadow .22s ease}.btn{appearance:none;border:1px solid var(--border);border-radius:999px;padding:12px 20px;font-weight:600;color:var(--text);background:#ffffff05;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;text-decoration:none}.btn:hover,.btn:focus,.btn:active{text-decoration:none}.btn:focus{outline:none;box-shadow:0 0 0 6px #6366f126;border-color:var(--ring)}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--accent-1),var(--accent-2),var(--accent-3));border-color:transparent;box-shadow:0 10px 30px #7c3aed40}.btn-primary:hover{box-shadow:0 14px 40px #7c3aed59}.btn-ghost{background:#ffffff05}.btn-ghost:hover{border-color:#7c3aed80;box-shadow:0 10px 30px #3b82f626}.btn-group{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ffffff0a;border:1px solid transparent;color:var(--text);font-size:13px;font-weight:600}.tag:before{content:"";width:6px;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--accent-2),var(--accent-1));box-shadow:0 0 8px #3b82f6a6}.tag{position:relative}.tag:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#7c3aed8c,#3b82f673);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}#skills .feature-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid var(--border);background:radial-gradient(60% 60% at 30% 0%,rgba(124,58,237,.18),transparent 70%),radial-gradient(50% 50% at 100% 100%,rgba(59,130,246,.16),transparent 60%),linear-gradient(180deg,#ffffff0f,#ffffff05);box-shadow:inset 0 1px #ffffff0f,0 10px 28px #00000059}#skills .feature-icon:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#7c3aed73,#3b82f661,#06b6d452);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}#skills .feature-icon svg{width:26px;height:26px;color:var(--text);opacity:.95;filter:drop-shadow(0 6px 14px rgba(124,58,237,.2))}#skills .tag-group{display:flex;gap:8px;flex-wrap:wrap}.grid{display:grid;gap:clamp(14px,2vw,22px)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-responsive{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}@media(max-width:900px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-2,.grid-3{grid-template-columns:1fr}}#home{position:relative;overflow:hidden}#home:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b1020a3,#0b1020db),url(https://images.unsplash.com/photo-1506777775294-c79f090bac1e?auto=format&fit=crop&w=2000&q=60&crop=entropy&cs=srgb&fm=jpg) center / cover no-repeat;filter:saturate(.95) brightness(.92);pointer-events:none;-webkit-user-select:none;user-select:none}#home>.container{position:relative;z-index:1}.hero-visual{position:relative;width:clamp(220px,40vw,320px);height:clamp(220px,40vw,320px);border-radius:24px;overflow:hidden;border:1px solid var(--border);background:radial-gradient(80% 80% at 20% 0%,rgba(124,58,237,.35),transparent 60%),radial-gradient(70% 70% at 100% 100%,rgba(59,130,246,.35),transparent 60%),radial-gradient(90% 90% at 0% 100%,rgba(6,182,212,.35),transparent 60%),linear-gradient(180deg,#ffffff0f,#ffffff05);box-shadow:0 30px 80px #00000073,inset 0 1px #ffffff0f}.hero-visual:after{content:"";position:absolute;inset:-20%;background:conic-gradient(from 180deg at 50% 50%,#7c3aed1a,#3b82f61a,#06b6d41a,#7c3aed1a);filter:blur(24px);animation:rotate 12s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.section-head h2{position:relative;display:inline-block;padding-bottom:10px}.section-head h2:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:0;height:3px;width:96px;border-radius:2px;background:linear-gradient(90deg,var(--accent-2),var(--accent-1));box-shadow:0 6px 18px #7c3aed59}.project-card{position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 32px 80px #00000080}.project-card:before{content:"";position:absolute;inset:-30%;background:radial-gradient(50% 50% at 50% 0%,rgba(124,58,237,.18),transparent 60%),radial-gradient(50% 50% at 20% 100%,rgba(6,182,212,.16),transparent 60%);filter:blur(20px);pointer-events:none}.project-media{aspect-ratio:16/9;border-radius:12px;background:linear-gradient(135deg,#7c3aed33,#06b6d433);border:1px solid var(--border);position:relative;overflow:hidden}.project-media img{width:100%;height:100%;object-fit:cover;display:block}.input{width:100%;color:var(--text);background:#ffffff08;border:1px solid var(--border);border-radius:12px;padding:12px 14px;font:inherit;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.input:focus{outline:none;border-color:var(--ring);box-shadow:0 0 0 6px #6366f11f;background:#ffffff0d}textarea.input{resize:vertical;min-height:120px}.socials{display:flex;justify-content:center;gap:14px}.socials a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;border:1px solid var(--border);background:#ffffff08;color:var(--text);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.socials a:hover{transform:translateY(-2px);border-color:#7c3aed8c;box-shadow:0 10px 28px #3b82f62e}.navbar-outer{position:fixed;top:12px;left:0;right:0;z-index:2000}.navbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid var(--border);border-radius:999px;padding:10px 14px;box-shadow:0 14px 40px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:2}.brand{font-weight:800;letter-spacing:-.02em;text-decoration:none;position:relative;padding:4px 10px;border-radius:10px}.navbar .brand:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(180deg,#0206176b,#0206173d);border:1px solid rgba(255,255,255,.08);box-shadow:0 6px 16px #00000047;z-index:-1}.navbar .brand.gradient-text{-webkit-text-stroke:.35px rgba(2,6,23,.45);text-shadow:0 1px 1.5px rgba(2,6,23,.35)}.show-mobile{display:none}.nav-list{display:flex;gap:6px;list-style:none;margin:0;padding:0 6px}.nav-link{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;text-decoration:none;font-weight:600;color:var(--text);border:1px solid transparent;position:relative}.nav-link:hover{border-color:#7c3aed80;background:#ffffff08}.nav-link.active{border-color:#7c3aedb3;background:#ffffff0f}.nav-link .nav-text{color:var(--text)}.nav-link.active .nav-text{background:linear-gradient(90deg,var(--accent-1),var(--accent-2),var(--accent-3));-webkit-background-clip:text;background-clip:text;color:transparent}.nav-link:after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--accent-1),var(--accent-2),var(--accent-3));transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.nav-link.active:after{transform:scaleX(1)}.menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:#ffffff08;color:var(--text)}.menu-toggle:focus{outline:none;box-shadow:0 0 0 6px #6366f126;border-color:var(--ring)}@media(max-width:600px){.navbar{gap:8px}.menu-toggle{display:inline-flex}.hide-mobile{display:none!important}.show-mobile{display:list-item!important}.nav-list{display:none;position:fixed;left:12px;right:12px;top:max(72px,calc(64px + env(safe-area-inset-top)));width:auto;flex-direction:column;gap:8px;padding:10px;background:linear-gradient(180deg,#0f152bdb,#0f152bb8);border:1px solid var(--border);border-radius:16px;box-shadow:0 24px 60px #0000008c;backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%);z-index:3;max-height:calc(100vh - 96px);overflow:auto;-webkit-overflow-scrolling:touch}.nav-list.open{display:flex}}.nav-backdrop{position:fixed;inset:0;background:#02061759;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:1;border:0}.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal,.reveal.in{transition:none;transform:none}}.section-head{margin-bottom:clamp(18px,2.4vw,28px);text-align:center}.section-sub{margin:0 auto;max-width:760px;text-align:center}.spacer{height:4px}.timeline ol{position:relative}.timeline ol:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#7c3aed59,#3b82f640,#06b6d426)}.timeline-item{position:relative}.timeline-dot{display:inline-block;width:12px;height:12px;margin-top:6px;border-radius:999px;background:linear-gradient(135deg,var(--accent-1),var(--accent-3));box-shadow:0 0 0 6px #7c3aed26}.timeline-dot.current{box-shadow:0 0 0 8px #7c3aed38,0 0 24px #7c3aed8c}.timeline-item.current{box-shadow:0 28px 70px #00000080,0 0 0 1px #7c3aed47,inset 0 1px #ffffff0f}