@import url(https://fonts.googleapis.com/css2?family=Sora:wght@300;400;600;700;800&family=Instrument+Sans:ital,wght@0,400;0,500;0,600;1,400&family=DM+Mono:wght@300;400&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#fff;--bg-off:#f9f8f6;--bg-card:#fff;--bg-card-2:#f4f3f0;--bg-nav:#ffffffd1;--ink:#0e0d0b;--ink-2:#4b4844;--ink-3:#9c9890;--blue:#0e55ff;--blue-light:#e8eeff;--blue-mid:#0e55ff1f;--blue-glow:#0e55ff33;--coral:#ff5c3e;--coral-dim:#ff5c3e1a;--green:#00b67a;--green-dim:#00b67a1a;--purple:#8b5cf6;--line:#0e0d0b17;--line-blue:#0e55ff38;--sh-xs:0 1px 3px #0e0d0b0d,0 1px 8px #0e0d0b0a;--sh-sm:0 2px 12px #0e0d0b12,0 1px 4px #0e0d0b0d;--sh-md:0 6px 30px #0e0d0b17,0 2px 8px #0e0d0b0f;--sh-lg:0 20px 60px #0e0d0b1c,0 4px 16px #0e0d0b12;--sh-blue:0 12px 40px #0e55ff2e,0 2px 8px #0e55ff1f;--blob-1:#0e55ff0f;--blob-2:#ff5c3e0d;--blob-3:#00b67a0a;--toggle-bg:#e2e1de;--toggle-thumb:#fff;--r-xs:3px;--r-sm:10px;--r-md:18px;--r-lg:28px;--ease:cubic-bezier(0.22,1,0.36,1);--tt:background 0.4s var(--ease),color 0.4s var(--ease),border-color 0.4s var(--ease),box-shadow 0.4s var(--ease);--f-head:"Sora",sans-serif;--f-body:"Instrument Sans",sans-serif;--f-mono:"DM Mono",monospace}[data-theme=dark]{--bg:#080810;--bg-off:#0f0f1a;--bg-card:#12121e;--bg-card-2:#1a1a2a;--bg-nav:#080810e0;--ink:#eeedf5;--ink-2:#9896aa;--ink-3:#4e4d5e;--blue:#4d7dff;--blue-light:#4d7dff1f;--blue-mid:#4d7dff26;--blue-glow:#4d7dff47;--coral:#ff7259;--coral-dim:#ff72591f;--green:#00d492;--green-dim:#00d4921f;--line:#ffffff12;--line-blue:#4d7dff47;--sh-xs:0 1px 3px #0006,0 1px 8px #0000004d;--sh-sm:0 2px 12px #00000073,0 1px 4px #0000004d;--sh-md:0 6px 30px #00000080,0 2px 8px #00000059;--sh-lg:0 20px 60px #0009,0 4px 16px #0006;--sh-blue:0 12px 40px #4d7dff40,0 2px 8px #4d7dff26;--blob-1:#4d7dff17;--blob-2:#ff725912;--blob-3:#00d4920d;--toggle-bg:#252535;--toggle-thumb:#4d7dff}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{border:none;cursor:pointer;font-family:inherit;outline:none}body{-webkit-font-smoothing:antialiased;background:#fff;background:var(--bg);color:#0e0d0b;color:var(--ink);cursor:none;font-family:Instrument Sans,sans-serif;font-family:var(--f-body);line-height:1.7;overflow-x:hidden;transition:background .4s cubic-bezier(.22,1,.36,1),color .4s cubic-bezier(.22,1,.36,1),border-color .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1);transition:var(--tt)}body:before{background:radial-gradient(ellipse 55% 45% at 5% 5%,#0e55ff0f,#0000 60%),radial-gradient(ellipse 45% 55% at 95% 95%,#ff5c3e0d,#0000 60%);background:radial-gradient(ellipse 55% 45% at 5% 5%,var(--blob-1),#0000 60%),radial-gradient(ellipse 45% 55% at 95% 95%,var(--blob-2),#0000 60%);content:"";inset:0;pointer-events:none;position:fixed;transition:background .5s cubic-bezier(.22,1,.36,1);transition:background .5s var(--ease);z-index:0}.scroll-progress{background:linear-gradient(90deg,#0e55ff,#ff5c3e);background:linear-gradient(90deg,var(--blue),var(--coral));border-radius:0 2px 2px 0;height:3px;left:0;position:fixed;right:0;top:0;transform-origin:left;z-index:2000}.particles-canvas{inset:0;opacity:.6;z-index:0}.cursor,.particles-canvas{pointer-events:none;position:fixed}.cursor{background:#0e55ff;background:var(--blue);border-radius:50%;height:10px;left:-5px;top:-5px;transition:background .3s;width:10px;z-index:9999}.cursor,.cursor-ring{will-change:transform}.cursor-ring{border:1.5px solid #0e55ff4d;border-radius:50%;height:36px;left:-18px;pointer-events:none;position:fixed;top:-18px;transition:width .22s cubic-bezier(.22,1,.36,1),height .22s cubic-bezier(.22,1,.36,1),top .22s cubic-bezier(.22,1,.36,1),left .22s cubic-bezier(.22,1,.36,1),border-color .22s cubic-bezier(.22,1,.36,1);transition:width .22s var(--ease),height .22s var(--ease),top .22s var(--ease),left .22s var(--ease),border-color .22s var(--ease);width:36px;z-index:9998}.navbar{align-items:center;backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);background:#ffffffd1;background:var(--bg-nav);border-bottom:1px solid #0e0d0b17;border-bottom:1px solid var(--line);display:flex;height:64px;justify-content:space-between;padding:0 3rem;position:fixed;top:0;transition:background .4s cubic-bezier(.22,1,.36,1),color .4s cubic-bezier(.22,1,.36,1),border-color .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1);transition:var(--tt);width:100%;z-index:1000}.navbar.scrolled{border-color:#0e55ff38;border-color:var(--line-blue);box-shadow:0 2px 12px #0e0d0b12,0 1px 4px #0e0d0b0d;box-shadow:var(--sh-sm)}.logo{color:#0e0d0b;color:var(--ink);font-family:Sora,sans-serif;font-family:var(--f-head);font-size:1.4rem;font-weight:800;letter-spacing:-.04em}.logo em{color:#0e55ff;color:var(--blue);font-style:normal}.nav-links{display:flex;gap:2px;list-style:none}.nav-links a{border-radius:3px;border-radius:var(--r-xs);color:#4b4844;color:var(--ink-2);font-family:Sora,sans-serif;font-family:var(--f-head);font-size:.76rem;font-weight:600;letter-spacing:.05em;padding:.42rem .85rem;text-transform:uppercase;transition:color .2s,background .2s}.nav-links a.active,.nav-links a:hover{background:#e8eeff;background:var(--blue-light);color:#0e55ff;color:var(--blue)}.nav-links a.active{position:relative}.nav-links a.active:after{background:#0e55ff;background:var(--blue);border-radius:2px;bottom:-1px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:16px}.navbar-right{gap:.75rem}.navbar-right,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:none;border-radius:3px;border-radius:var(--r-xs);color:#4b4844;color:var(--ink-2);cursor:pointer;gap:8px;padding:.3rem;transition:color .25s}.theme-toggle:hover{color:#0e55ff;color:var(--blue)}.toggle-track{background:#e2e1de;background:var(--toggle-bg);border-radius:100px;flex-shrink:0;height:20px;position:relative;transition:background .35s cubic-bezier(.22,1,.36,1);transition:background .35s var(--ease);width:38px}.toggle-thumb{background:#fff;background:var(--toggle-thumb);border-radius:50%;box-shadow:0 1px 4px #00000040;height:14px;left:3px;position:absolute;top:3px;transition:transform .35s cubic-bezier(.22,1,.36,1),background .35s;transition:transform .35s var(--ease),background .35s;width:14px}[data-theme=dark] .toggle-thumb{transform:translateX(18px)}.toggle-icon{align-items:center;display:flex}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:5px;height:28px;justify-content:center;width:28px;z-index:1200}.hamburger span{background:#4b4844;background:var(--ink-2);border-radius:2px;display:block;height:1.5px;transition:all .3s cubic-bezier(.22,1,.36,1);transition:all .3s var(--ease)}.hamburger span:nth-child(2){margin-left:auto;width:65%}.hamburger.active span:first-child{background:#0e55ff;background:var(--blue);transform:translateY(6.5px) rotate(45deg);width:100%}.hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.active span:nth-child(3){background:#0e55ff;background:var(--blue);transform:translateY(-6.5px) rotate(-45deg)}.hero{align-items:center;background:#fff;background:var(--bg);border-bottom:1px solid #0e0d0b17;border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:7rem 4rem 3rem;perspective:1200px;position:relative;scroll-margin-top:64px;transition:background .4s cubic-bezier(.22,1,.36,1),color .4s cubic-bezier(.22,1,.36,1),border-color .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1);transition:var(--tt)}.blob{border-radius:50%;filter:blur(80px);pointer-events:none;position:absolute;z-index:0}.blob-1{animation:blobDrift 14s ease-in-out infinite alternate;background:radial-gradient(circle,#0e55ff0f,#0000 70%);background:radial-gradient(circle,var(--blob-1),#0000 70%);height:520px;right:-100px;top:-80px;width:520px}.blob-2{animation:blobDrift 18s ease-in-out infinite alternate-reverse;background:radial-gradient(circle,#ff5c3e0d,#0000 70%);background:radial-gradient(circle,var(--blob-2),#0000 70%);bottom:-60px;height:380px;left:-80px;width:380px}.blob-3{animation:blobDrift 22s ease-in-out infinite alternate;background:radial-gradient(circle,#00b67a0a,#0000 70%);background:radial-gradient(circle,var(--blob-3),#0000 70%);height:260px;left:35%;top:40%;width:260px}@keyframes blobDrift{0%{transform:translate(0) scale(1)}to{transform:translate(30px,20px) scale(1.1)}}.hero-inner{align-items:center;display:flex;gap:4rem;max-width:1000px;width:100%;will-change:transform;z-index:1}.hero-inner,.hero-pic-wrap{position:relative;transform-style:preserve-3d}.hero-pic-wrap{flex-shrink:0}.profile-pic{border:4px solid #fff;border:4px solid var(--bg);border-radius:50%;box-shadow:0 6px 30px #0e0d0b17,0 2px 8px #0e0d0b0f,0 0 0 8px #0e55ff1f;box-shadow:var(--sh-md),0 0 0 8px var(--blue-mid);height:180px;object-fit:cover;position:relative;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1);transition:transform .4s var(--ease),box-shadow .4s var(--ease);width:180px;z-index:1}.profile-pic:hover{box-shadow:0 20px 60px #0e0d0b1c,0 4px 16px #0e0d0b12,0 0 0 14px #0e55ff1f;box-shadow:var(--sh-lg),0 0 0 14px var(--blue-mid);transform:scale(1.04)}.pic-ring{animation:spinRing 18s linear infinite;border:1.5px dashed #4d7dff40;border-radius:50%;inset:-14px;position:absolute;z-index:0}.pic-ring-2{animation:spinRing 30s linear infinite reverse;border-color:#4d7dff1f;inset:-26px}@keyframes spinRing{to{transform:rotate(1turn)}}.hero-text{flex:1 1;transform-style:preserve-3d}.hero-eyebrow{align-items:center;background:#00b67a1a;background:var(--green-dim);border-radius:100px;color:#00b67a;color:var(--green);display:inline-flex;font-family:DM Mono,monospace;font-family:var(--f-mono);font-size:.72rem;gap:8px;letter-spacing:.12em;margin-bottom:1.25rem;padding:.3rem .85rem;text-transform:uppercase}.hero-eyebrow:before{animation:pulse 2s ease-in-out infinite;background:#00b67a;background:var(--green);border-radius:50%;content:"";height:6px;width:6px}.hero-text h1{color:#0e0d0b;color:var(--ink);font-family:Sora,sans-serif;font-family:var(--f-head);font-size:clamp(3rem,6vw,5.5rem);font-weight:800;letter-spacing:-.04em;line-height:.95;margin-bottom:1rem}.hero-text h1 em{color:#0e55ff;color:var(--blue);font-style:italic;font-weight:300}.hero-typed{align-items:center;color:#4b4844;color:var(--ink-2);display:flex;font-family:Sora,sans-serif;font-family:var(--f-head);font-size:1.15rem;font-weight:600;gap:2px;margin-bottom:2rem;min-height:1.8em}.typed-text{color:#0e55ff;color:var(--blue)}.typed-cursor{animation:blink .9s step-end infinite;background:#0e55ff;background:var(--blue);display:inline-block;height:1.2em;margin-left:2px;width:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-ctas{gap:.75rem;margin-bottom:2rem}.hero-ctas,.hero-socials{display:flex;flex-wrap:wrap}.hero-socials{gap:.6rem}.btn-primary,.ripple-btn{align-items:center;background:#0e55ff;background:var(--blue);border-radius:3px;border-radius:var(--r-xs);color:#fff;display:inline-flex;font-family:Sora,sans-serif;font-family:var(--f-head);font-size:.88rem;font-weight:700;gap:8px;letter-spacing:.02em;overflow:hidden;padding:.8rem 1.75rem;position:relative;transition:background .25s cubic-bezier(.22,1,.36,1),transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1);transition:background .25s var(--ease),transform .25s var(--ease),box-shadow .25s var(--ease)}.btn-primary:hover{background:#0040cc;box-shadow:0 12px 40px #0e55ff2e,0 2px 8px #0e55ff1f;box-shadow:var(--sh-blue);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}[data-theme=dark] .btn-primary:hover{background:#3566e0}.btn-ghost{align-items:center;background:#0000;border:1.5px solid #0e0d0b17;border:1.5px solid var(--line);border-radius:3px;border-radius:var(--r-xs);color:#0e0d0b;color:var(--ink);display:inline-flex;font-family:Sora,sans-serif;font-family:var(--f-head);font-size:.88rem;font-weight:700;gap:8px;letter-spacing:.02em;overflow:hidden;padding:.8rem 1.75rem;position:relative;transition:all .25s cubic-bezier(.22,1,.36,1);transition:all .25s var(--ease)}.btn-ghost:hover{background:#e8eeff;background:var(--blue-light);border-color:#0e55ff;border-color:var(--blue);color:#0e55ff;color:var(--blue);transform:translateY(-2px)}.btn-primary .ripple,.ripple-btn .ripple{animation:rippleAnim .65s linear;background:#ffffff4d;border-radius:50%;height:80px;margin:-40px;pointer-events:none;position:absolute;transform:scale(0);width:80px}@keyframes rippleAnim{to{opacity:0;transform:scale(5)}}.social-pill{align-items:center;border:1.5px solid #0e0d0b17;border:1.5px solid var(--line);border-radius:100px;color:#4b4844;color:var(--ink-2);display:inline-flex;font-family:Sora,sans-serif;font-family:var(--f-head);font-size:.78rem;font-weight:600;gap:6px;padding:.4rem 1rem;transition:all .25s cubic-bezier(.22,1,.36,1);transition:all .25s var(--ease)}.social-pill:hover{background:#e8eeff;background:var(--blue-light);border-color:#0e55ff;border-color:var(--blue);color:#0e55ff;color:var(--blue);transform:translateY(-2px)}.hero-stats{background:#fff;background:var(--bg-card);border:1.5px solid #0e0d0b17;border:1.5px solid var(--line);border-radius:18px;border-radius:var(--r-md);box-shadow:0 1px 3px #0e0d0b0d,0 1px 8px #0e0d0b0a;box-shadow:var(--sh-xs);display:flex;margin-top:4rem;max-width:520px;overflow:hidden;position:relative;transition:background .4s cubic-bezier(.22,1,.36,1),color .4s cubic-bezier(.22,1,.36,1),border-color .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1);transition:var(--tt);width:100%;z-index:1}.stat{border-right:1.5px solid #0e0d0b17;border-right:1.5px solid var(--line);flex:1 1;padding:1.25rem 1rem;text-align:center;transition:background .25s cubic-bezier(.22,1,.36,1);transition:background .25s var(--ease)}.stat:last-child{border-right:none}.stat:hover{background:#e8eeff;background:var(--blue-light)}.stat strong{color:#0e55ff;color:var(--blue);display:block;font-family:Sora,sans-serif;font-family:var(--f-head);font-size:1.9rem;font-weight:800;letter-spacing:-.04em;line-height:1}.stat span{color:#9c9890;color:var(--ink-3);display:block;font-size:.72rem;font-weight:500;letter-spacing:.05em;margin-top:4px;text-transform:uppercase}.section{background:#fff;background:var(--bg-card);border:1.5px solid #0e0d0b17;border:1.5px solid var(--line);border-radius:28px;border-radius:var(--r-lg);box-shadow:0 1px 3px #0e0d0b0d,0 1px 8px #0e0d0b0a;box-shadow:var(--sh-xs);margin:2rem auto;max-width:860px;padding:4rem 3.5rem;position:relative;scroll-margin-top:80px;transition:background .4s cubic-bezier(.22,1,.36,1),color .4s cubic-bezier(.22,1,.36,1),border-color .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1);transition:var(--tt),transform .3s var(--ease);width:92%;z-index:1}.section:hover{border-color:#0e55ff38;border-color:var(--line-blue);box-shadow:0 6px 30px #0e0d0b17,0 2px 8px #0e0d0b0f;box-shadow:var(--sh-md);transform:translateY(-3px)}.section:before{background:linear-gradient(180deg,#0000,#0e55ff,#0000);background:linear-gradient(to bottom,#0000,var(--blue),#0000);border-radius:0 2px 2px 0;bottom:20%;content:"";left:0;opacity:0;position:absolute;top:20%;transition:opacity .3s cubic-bezier(.22,1,.36,1);transition:opacity .3s var(--ease);width:3px}.section:hover:before{opacity:.6}.section-label{color:#0e55ff;color:var(--blue);font-family:DM Mono,monospace;font-family:var(--f-mono);font-size:.64rem;letter-spacing:.2em;margin-bottom:.6rem;text-transform:uppercase}.section-title{color:#0e0d0b;color:var(--ink);font-family:Sora,sans-serif;font-family:var(--f-head);font-size:2.4rem;font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:1.5rem}.section-body{color:#4b4844;color:var(--ink-2);font-size:1.02rem;line-height:1.85;margin:0 auto;max-width:600px}.section-body strong{color:#0e0d0b;color:var(--ink);font-weight:600}.about-grid{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1.4fr 1fr;text-align:left}.about-grid .section-body{margin:0}.about-cards{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.about-card{align-items:flex-start;background:#f9f8f6;background:var(--bg-off);border:1.5px solid #0e0d0b17;border:1.5px solid var(--line);border-radius:10px;border-radius:var(--r-sm);cursor:default;display:flex;gap:.6rem;padding:.9rem 1rem;transition:all .25s cubic-bezier(.22,1,.36,1);transition:all .25s var(--ease)}.about-card:hover{background:#e8eeff;background:var(--blue-light);border-color:#0e55ff38;border-color:var(--line-blue);transform:translateY(-2px)}.ac-icon{flex-shrink:0;font-size:1.25rem}.about-card em{color:#9c9890;color:var(--ink-3);display:block;font-family:DM Mono,monospace;font-family:var(--f-mono);font-size:.6rem;font-style:normal;letter-spacing:.12em;margin-bottom:2px;text-transform:uppercase}.about-card strong{color:#0e0d0b;color:var(--ink);font-family:Sora,sans-serif;font-family:var(--f-head);font-size:.82rem;font-weight:700}.skill-filter{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.filter-btn{background:#fff;background:var(--bg-card);border:1.5px solid #0e0d0b17;border:1.5px solid var(--line);border-radius:100px;color:#4b4844;color:var(--ink-2);font-family:Sora,sans-serif;font-family:var(--f-head);font-size:.78rem;font-weight:600;padding:.38rem 1.1rem;transition:all .22s cubic-bezier(.22,1,.36,1);transition:all .22s var(--ease)}.filter-btn.active,.filter-btn:hover{background:#e8eeff;background:var(--blue-light);border-color:#0e55ff;border-color:var(--blue);color:#0e55ff;color:var(--blue)}.skills-bars{display:flex;flex-direction:column;gap:1.1rem}.sb-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.sb-name{color:#0e0d0b;color:var(--ink);font-family:Sora,sans-serif;font-family:var(--f-head);font-size:.88rem;font-weight:700}.sb-pct{color:#9c9890;color:var(--ink-3);font-family:DM Mono,monospace;font-family:var(--f-mono);font-size:.72rem}.sb-track{background:#f9f8f6;background:var(--bg-off);border:1px solid #0e0d0b17;border:1px solid var(--line);border-radius:100px;height:6px;overflow:hidden}.sb-fill{background:linear-gradient(90deg,#0e55ff,#6b93ff);background:linear-gradient(90deg,var(--blue),#6b93ff);border-radius:100px;height:100%;position:relative;transition:width 1s cubic-bezier(.22,1,.36,1);transition:width 1s var(--ease)}.sb-fill:after{background:#fff;border:2px solid #0e55ff;border:2px solid var(--blue);border-radius:50%;box-shadow:0 0 6px #0e55ff33;box-shadow:0 0 6px var(--blue-glow);content:"";height:8px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:8px}.cat-backend .sb-fill{background:linear-gradient(90deg,#ff5c3e,#ff8c78);background:linear-gradient(90deg,var(--coral),#ff8c78)}.cat-backend .sb-fill:after{border-color:#ff5c3e;border-color:var(--coral);box-shadow:0 0 6px #ff5c3e66}.timeline{margin-top:2rem;padding-left:2rem;position:relative;text-align:left}.timeline:before{background:linear-gradient(180deg,#0e55ff,#ff5c3e);background:linear-gradient(to bottom,var(--blue),var(--coral));bottom:8px;content:"";left:0;opacity:.3;position:absolute;top:8px;width:1.5px}.timeline-item{cursor:default;padding:0 0 2rem 2rem;position:relative;transition:transform .25s cubic-bezier(.22,1,.36,1);transition:transform .25s var(--ease)}.timeline-item:last-child{padding-bottom:0}.timeline-item:hover{transform:translateX(5px)}.tl-dot{background:#fff;background:var(--bg-card);border:2px solid #0e55ff;border:2px solid var(--blue);border-radius:50%;box-shadow:0 0 0 3px #0e55ff1f;box-shadow:0 0 0 3px var(--blue-mid);height:10px;left:-2.55rem;position:absolute;top:6px;transition:background .25s,box-shadow .25s,transform .25s cubic-bezier(.22,1,.36,1);transition:background .25s,box-shadow .25s,transform .25s var(--ease);width:10px}.timeline-item:hover .tl-dot{background:#0e55ff;background:var(--blue);box-shadow:0 0 0 6px #0e55ff1f;box-shadow:0 0 0 6px var(--blue-mid);transform:scale(1.2)}.tl-year{color:#0e55ff;color:var(--blue);display:block;font-family:DM Mono,monospace;font-family:var(--f-mono);font-size:.66rem;letter-spacing:.1em;margin-bottom:.3rem}.tl-deg{color:#0e0d0b;color:var(--ink);font-family:Sora,sans-serif;font-family:var(--f-head);font-size:1.1rem;font-weight:700;margin-bottom:.2rem}.tl-school{color:#4b4844;color:var(--ink-2);font-size:.9rem;margin-bottom:.4rem}.tl-grade{background:#00b67a1a;background:var(--green-dim);border-radius:100px;color:#00b67a;color:var(--green);display:inline-block;font-family:DM Mono,monospace;font-family:var(--f-mono);font-size:.7rem;letter-spacing:.05em;padding:.18rem .65rem}.projects-grid{grid-gap:1.1rem;display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin-top:.5rem}.project-card{background:#fff;background:var(--bg-card);border:1.5px solid #0e0d0b17;border:1.5px solid var(--line);border-radius:18px;border-radius:var(--r-md);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:0 0 1.5rem;position:relative;text-align:left;transition:all .3s cubic-bezier(.22,1,.36,1);transition:all .3s var(--ease)}.project-card:hover{border-color:#0e55ff;border-color:var(--proj-color,var(--blue));box-shadow:0 20px 50px #0000001f,0 0 0 1px #0e55ff;box-shadow:0 20px 50px #0000001f,0 0 0 1px var(--proj-color,var(--blue));transform:translateY(-6px)}.project-card:hover .proj-image-wrapper{transform:scale(1.05)}.proj-image-wrapper{align-items:center;background:var(--bg-line);display:flex;flex-shrink:0;justify-content:center;overflow:hidden;padding-bottom:60%;position:relative;transition:transform .4s cubic-bezier(.22,1,.36,1);transition:transform .4s var(--ease);width:100%}.proj-image{display:block;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.proj-bar{background:#0e55ff;background:var(--proj-color,var(--blue));height:4px;margin-bottom:1.5rem;opacity:.8;transition:height .25s cubic-bezier(.22,1,.36,1),opacity .25s;transition:height .25s var(--ease),opacity .25s;width:100%}.project-card:hover .proj-bar{height:5px;opacity:1}.proj-tag{color:#0e55ff;color:var(--proj-color,var(--blue));font-family:DM Mono,monospace;font-family:var(--f-mono);font-size:.62rem;font-weight:400;letter-spacing:.14em;margin-bottom:.75rem;opacity:.8;padding:0 1.5rem;text-transform:uppercase}.proj-name{color:#0e0d0b;color:var(--ink);font-family:Sora,sans-serif;font-family:var(--f-head);font-size:1.05rem;font-weight:700;line-height:1.3;margin-bottom:.5rem;padding:0 1.5rem}.proj-desc{color:#4b4844;color:var(--ink-2);flex:1 1;font-size:.84rem;line-height:1.6;margin-bottom:1.25rem;padding:0 1.5rem}.proj-footer{align-items:center;display:flex;justify-content:space-between;padding:0 1.5rem}.proj-link{align-items:center;color:#0e55ff;color:var(--proj-color,var(--blue));display:inline-flex;font-family:Sora,sans-serif;font-family:var(--f-head);font-size:.78rem;font-weight:700;gap:5px;letter-spacing:.03em;transition:gap .2s cubic-bezier(.22,1,.36,1);transition:gap .2s var(--ease)}.project-card:hover .proj-link{gap:9px}.proj-ext{color:#9c9890;color:var(--ink-3);opacity:0;transition:opacity .25s}.project-card:hover .proj-ext{opacity:1}.proj-live{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:20px;color:#22c55e;display:flex;font-family:DM Mono,monospace;font-family:var(--f-mono);font-size:.62rem;font-weight:600;gap:.5rem;letter-spacing:.1em;opacity:0;padding:.4rem .75rem;pointer-events:none;position:absolute;right:1.5rem;text-transform:uppercase;top:1rem;transform:translateX(10px);transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1);transition:opacity .3s var(--ease),transform .3s var(--ease)}.project-card:hover .proj-live{opacity:1;transform:translateX(0)}.proj-live-dot{animation:pulse 2s ease-in-out infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e99;display:inline-block;height:6px;width:6px}@keyframes pulse{0%,to{box-shadow:0 0 8px #22c55e99;opacity:1;transform:scale(1)}50%{box-shadow:0 0 15px #22c55ecc;opacity:.6;transform:scale(1.2)}}.contact-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1.4fr;margin-top:2rem;text-align:left}.contact-intro{color:#4b4844;color:var(--ink-2);font-size:1rem;line-height:1.8;margin-bottom:2rem}.contact-items{display:flex;flex-direction:column;gap:.85rem}.contact-item{align-items:flex-start;background:#f9f8f6;background:var(--bg-off);border:1.5px solid #0e0d0b17;border:1.5px solid var(--line);border-radius:10px;border-radius:var(--r-sm);display:flex;gap:1rem;padding:1rem 1.2rem;transition:all .25s cubic-bezier(.22,1,.36,1);transition:all .25s var(--ease)}.contact-item:hover{border-color:#0e55ff38;border-color:var(--line-blue);transform:translateX(5px)}.ci-icon,.contact-item:hover{background:#e8eeff;background:var(--blue-light)}.ci-icon{align-items:center;border-radius:3px;border-radius:var(--r-xs);color:#0e55ff;color:var(--blue);display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background .25s,color .25s;width:36px}.contact-item:hover .ci-icon{background:#0e55ff;background:var(--blue);color:#fff}.ci-text{color:#4b4844;color:var(--ink-2);display:flex;flex-direction:column;font-size:.88rem;font-weight:500;gap:2px}.ci-text em{color:#9c9890;color:var(--ink-3);font-family:DM Mono,monospace;font-family:var(--f-mono);font-size:.62rem;font-style:normal;letter-spacing:.12em;text-transform:uppercase}.contact-form{display:flex;flex-direction:column;gap:1rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{color:#4b4844;color:var(--ink-2);font-family:Sora,sans-serif;font-family:var(--f-head);font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.contact-form input,.contact-form textarea{background:#f9f8f6;background:var(--bg-off);border:1.5px solid #0e0d0b17;border:1.5px solid var(--line);border-radius:3px;border-radius:var(--r-xs);color:#0e0d0b;color:var(--ink);font-family:Instrument Sans,sans-serif;font-family:var(--f-body);font-size:.9rem;outline:none;padding:.82rem 1rem;resize:vertical;transition:border-color .25s,box-shadow .25s,background .25s,color .25s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#9c9890;color:var(--ink-3)}.contact-form input:focus,.contact-form textarea:focus{background:#fff;background:var(--bg-card);border-color:#0e55ff;border-color:var(--blue);box-shadow:0 0 0 4px #0e55ff1f;box-shadow:0 0 0 4px var(--blue-mid)}.contact-form .btn-primary{align-self:flex-start}.status-msg{color:#00b67a;color:var(--green);font-family:DM Mono,monospace;font-family:var(--f-mono);font-size:.78rem;letter-spacing:.06em;margin-top:.5rem}.status-msg.err{color:#ff5c3e;color:var(--coral)}.footer{align-items:center;background:#fff;background:var(--bg);border-top:1.5px solid #0e0d0b17;border-top:1.5px solid var(--line);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.75rem 4rem;position:relative;transition:background .4s cubic-bezier(.22,1,.36,1),color .4s cubic-bezier(.22,1,.36,1),border-color .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1);transition:var(--tt);z-index:1}.footer-logo{color:#0e0d0b;color:var(--ink);font-family:Sora,sans-serif;font-family:var(--f-head);font-size:1.3rem;font-weight:800;letter-spacing:-.04em}.footer-logo em{color:#0e55ff;color:var(--blue);font-style:normal}.footer p{color:#9c9890;color:var(--ink-3);font-family:DM Mono,monospace;font-family:var(--f-mono);font-size:.72rem;letter-spacing:.06em}.footer-socials{display:flex;gap:.75rem}.footer-socials a{align-items:center;border:1.5px solid #0e0d0b17;border:1.5px solid var(--line);border-radius:3px;border-radius:var(--r-xs);color:#4b4844;color:var(--ink-2);display:flex;height:36px;justify-content:center;transition:all .22s cubic-bezier(.22,1,.36,1);transition:all .22s var(--ease);width:36px}.footer-socials a:hover{background:#e8eeff;background:var(--blue-light);border-color:#0e55ff;border-color:var(--blue);color:#0e55ff;color:var(--blue);transform:translateY(-2px)}#scrollTopBtn{align-items:center;background:#0e55ff;background:var(--blue);border-radius:50%;bottom:28px;box-shadow:0 12px 40px #0e55ff2e,0 2px 8px #0e55ff1f;box-shadow:var(--sh-blue);color:#fff;display:none;height:44px;justify-content:center;position:fixed;right:28px;transition:all .25s cubic-bezier(.22,1,.36,1);transition:all .25s var(--ease);width:44px;z-index:1200}#scrollTopBtn:hover{background:#0040cc;box-shadow:0 20px 60px #0e0d0b1c,0 4px 16px #0e0d0b12;box-shadow:var(--sh-lg);transform:translateY(-4px) scale(1.05)}::selection{background:#0e55ff1f;background:var(--blue-mid);color:#0e55ff;color:var(--blue)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#fff;background:var(--bg)}::-webkit-scrollbar-thumb{background:#0e55ff40;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0e55ff80}@media (max-width:900px){.contact-grid{grid-template-columns:1fr}.hero-inner{flex-direction:column;gap:2rem;text-align:center}.hero-ctas,.hero-socials{justify-content:center}.hero-stats{max-width:100%}.timeline{padding-left:1.5rem}.about-grid{grid-template-columns:1fr}.about-cards{grid-template-columns:1fr 1fr}}@media (max-width:768px){body{cursor:auto}.cursor,.cursor-ring{display:none}.navbar{padding:0 1.25rem}.hamburger{display:flex}.nav-links{display:none;flex-direction:column}.nav-links.open{animation:mobileIn .3s cubic-bezier(.22,1,.36,1) forwards;animation:mobileIn .3s var(--ease) forwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd1;background:var(--bg-nav);border-bottom:1px solid #0e0d0b17;border-bottom:1px solid var(--line);box-shadow:0 2px 12px #0e0d0b12,0 1px 4px #0e0d0b0d;box-shadow:var(--sh-sm);display:flex;flex-direction:column;left:0;padding:1.25rem 0 1.5rem;position:fixed;text-align:center;top:64px;width:100%;z-index:1100}.nav-links.open li{margin:.25rem 0}.nav-links.open a{display:inline-block;font-size:.85rem;padding:.55rem 2rem}@keyframes mobileIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.hero{padding:6rem 1.5rem 2.5rem}.hero-text h1{font-size:2.8rem}.profile-pic{height:130px;width:130px}.section{border-radius:18px;border-radius:var(--r-md);padding:2.5rem 1.5rem;width:95%}.section-title{font-size:1.75rem}.form-row,.projects-grid{grid-template-columns:1fr}.footer{flex-direction:column;padding:1.5rem 1.25rem;text-align:center}.contact-form .btn-primary{align-self:stretch;justify-content:center;text-align:center}.about-cards{grid-template-columns:1fr 1fr}}@media (max-width:420px){.hero-text h1{font-size:2.2rem}.section-title{font-size:1.5rem}.about-cards{grid-template-columns:1fr}}.page-loader{align-items:center;background:#fff;background:var(--bg);display:flex;flex-direction:column;gap:1.5rem;inset:0;justify-content:center;position:fixed;z-index:9999}.loader-logo{color:#0e0d0b;color:var(--ink);font-family:Sora,sans-serif;font-family:var(--f-head);font-size:3.5rem;font-weight:800;letter-spacing:-.04em}.loader-logo em{color:#0e55ff;color:var(--blue);font-style:normal}.loader-bar-wrap{background:#0e0d0b17;background:var(--line);border-radius:100px;height:3px;overflow:hidden;width:160px}.loader-bar{background:linear-gradient(90deg,#0e55ff,#ff5c3e);background:linear-gradient(90deg,var(--blue),var(--coral));border-radius:100px;height:100%;transform-origin:left}.loader-text{color:#9c9890;color:var(--ink-3);font-family:DM Mono,monospace;font-family:var(--f-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.toast-container{bottom:28px;flex-direction:column;left:50%;pointer-events:none;position:fixed;transform:translateX(-50%);z-index:8000}.toast,.toast-container{align-items:center;display:flex;gap:10px}.toast{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;background:var(--bg-card);border:1.5px solid #0e0d0b17;border:1.5px solid var(--line);border-radius:10px;border-radius:var(--r-sm);box-shadow:0 20px 60px #0e0d0b1c,0 4px 16px #0e0d0b12;box-shadow:var(--sh-lg);color:#0e0d0b;color:var(--ink);font-family:Instrument Sans,sans-serif;font-family:var(--f-body);font-size:.88rem;font-weight:500;max-width:400px;min-width:280px;overflow:hidden;padding:.75rem 1.1rem;pointer-events:all;position:relative}.toast-success{border-color:#00b67a66}.toast-error{border-color:#ff5c3e66}.toast-info{border-color:#0e55ff38;border-color:var(--line-blue)}.toast-icon{align-items:center;border-radius:3px;border-radius:var(--r-xs);display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.toast-success .toast-icon{background:#00b67a1a;background:var(--green-dim);color:#00b67a;color:var(--green)}.toast-error .toast-icon{background:#ff5c3e1a;background:var(--coral-dim);color:#ff5c3e;color:var(--coral)}.toast-info .toast-icon{background:#e8eeff;background:var(--blue-light);color:#0e55ff;color:var(--blue)}.toast-msg{flex:1 1;line-height:1.4}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:#9c9890;color:var(--ink-3);cursor:pointer;display:flex;flex-shrink:0;height:22px;justify-content:center;transition:background .2s,color .2s;width:22px}.toast-close:hover{background:#0e0d0b17;background:var(--line);color:#0e0d0b;color:var(--ink)}.toast-bar{animation:toastCountdown linear forwards;border-radius:0 2px 2px 0;bottom:0;height:2px;left:0;position:absolute}.toast-success .toast-bar{background:#00b67a;background:var(--green)}.toast-error .toast-bar{background:#ff5c3e;background:var(--coral)}.toast-info .toast-bar{background:#0e55ff;background:var(--blue)}@keyframes toastCountdown{0%{width:100%}to{width:0}}.btn-cv{align-items:center;background:#0000;border:1.5px solid #0e55ff;border:1.5px solid var(--blue);border-radius:3px;border-radius:var(--r-xs);color:#0e55ff;color:var(--blue);cursor:pointer;display:inline-flex;font-family:Sora,sans-serif;font-family:var(--f-head);font-size:.88rem;font-weight:700;gap:8px;letter-spacing:.02em;overflow:hidden;padding:.8rem 1.75rem;position:relative;transition:color .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1);transition:color .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}.btn-cv:before{background:#0e55ff;background:var(--blue);content:"";inset:0;pointer-events:none;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.22,1,.36,1);transition:transform .35s var(--ease);z-index:0}.btn-cv:hover{box-shadow:0 12px 40px #0e55ff2e,0 2px 8px #0e55ff1f;box-shadow:var(--sh-blue);color:#fff;transform:translateY(-2px)}.btn-cv:hover:before{transform:scaleX(1)}.btn-cv .btn-inner{position:relative;z-index:1}.btn-cv .btn-inner,.learning-badge{align-items:center;display:inline-flex;gap:8px}.learning-badge{background:#f9f8f6;background:var(--bg-off);border:1.5px solid #0e0d0b17;border:1.5px solid var(--line);border-radius:10px;border-radius:var(--r-sm);flex-wrap:wrap;font-size:.82rem;margin-top:1.5rem;padding:.6rem 1rem}.lb-dot{animation:pulse 2s ease-in-out infinite;background:#0e55ff;background:var(--blue);border-radius:50%;flex-shrink:0;height:8px;width:8px}.lb-label{color:#0e55ff;color:var(--blue);font-family:DM Mono,monospace;font-family:var(--f-mono);font-size:.65rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase}.lb-items{color:#0e0d0b;color:var(--ink);font-family:Sora,sans-serif;font-family:var(--f-head);font-size:.82rem;font-weight:600}.certs-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:1rem}.cert-card{align-items:flex-start;background:#fff;background:var(--bg-card);border:1.5px solid #0e0d0b17;border:1.5px solid var(--line);border-radius:18px;border-radius:var(--r-md);cursor:default;display:flex;gap:.85rem;overflow:hidden;padding:1.2rem 1.25rem;position:relative;transition:all .28s cubic-bezier(.22,1,.36,1);transition:all .28s var(--ease)}.cert-card:before{background:#0e55ff;background:var(--cert-color,var(--blue));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.22,1,.36,1);transition:transform .35s var(--ease)}.cert-card:hover{border-color:#0e55ff;border-color:var(--cert-color,var(--blue));box-shadow:0 6px 30px #0e0d0b17,0 2px 8px #0e0d0b0f;box-shadow:var(--sh-md);transform:translateY(-4px)}.cert-card:hover:before{transform:scaleX(1)}.cert-icon{align-items:center;background:#e8eeff;background:var(--blue-light);border-radius:3px;border-radius:var(--r-xs);color:#0e55ff;color:var(--cert-color,var(--blue));display:flex;flex-shrink:0;height:34px;justify-content:center;transition:background .25s,color .25s;width:34px}.cert-card:hover .cert-icon{background:#0e55ff;background:var(--cert-color,var(--blue));color:#fff}.cert-title{color:#0e0d0b;color:var(--ink);font-family:Sora,sans-serif;font-family:var(--f-head);font-size:.9rem;font-weight:700;line-height:1.3;margin-bottom:.3rem}.cert-meta{color:#9c9890;color:var(--ink-3);font-family:DM Mono,monospace;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.06em}.btn-cv,.btn-ghost,.btn-primary{display:inline-flex}@media (max-width:768px){.certs-grid{grid-template-columns:1fr 1fr}.learning-badge{font-size:.78rem}.toast-container{bottom:16px;left:4%;transform:none;width:92%}.toast{min-width:0;min-width:auto;width:100%}}@media (max-width:420px){.certs-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.e718de95.css.map*/