:root{--bg: #ffffff;--surface: #ffffff;--surface2: #f3f4f6;--border: rgba(0,0,0,.1);--text: #0a0a0a;--muted: #6b7280;--accent: #0a0a0a;--accent-fg: #ffffff;--accent2: #4b5563}[data-theme=dark]{--bg: #0a0a0a;--surface: #0a0a0a;--surface2: #1f2937;--border: rgba(255,255,255,.1);--text: #f9fafb;--muted: #9ca3af;--accent: #f9fafb;--accent-fg: #0a0a0a;--accent2: #f3f4f6}.theme-transitioning,.theme-transitioning *{transition:background-color .4s ease-out,color .4s ease-out,border-color .4s ease-out!important}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}*{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:Syne,sans-serif}::selection{background:var(--accent);color:var(--accent-fg)}.cursor{position:fixed;width:10px;height:10px;background:#fff;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .2s,height .2s,opacity .2s;mix-blend-mode:difference}.cursor-follower{position:fixed;width:36px;height:36px;border:1.5px solid rgba(10,10,10,.4);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:transform .12s ease-out,width .3s,height .3s}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:1000;opacity:.4}.reveal{opacity:0;transform:translateY(50px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}#navbar{position:fixed;top:0;width:100%;z-index:500;border-bottom:1px solid transparent;transition:all .4s}#navbar.scrolled{background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-color:var(--border)}[data-theme=dark] #navbar.scrolled{background:#0a0a0ad9}.nav-link{color:var(--muted);font-size:.85rem;font-weight:500;letter-spacing:.04em;text-decoration:none;transition:color .2s;text-transform:uppercase}.nav-link:hover{color:var(--text)}.nav-pill{background:var(--accent);color:var(--accent-fg);padding:.45rem 1.2rem;border-radius:99px;font-family:Syne,sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.05em;text-decoration:none;transition:opacity .2s,transform .2s}.nav-pill:hover{opacity:.85;transform:translateY(-1px)}.hero-label{display:inline-flex;align-items:center;gap:.6rem;background:var(--surface);border:1px solid var(--border);border-radius:99px;padding:.4rem 1rem .4rem .5rem;font-size:.8rem;color:var(--muted);font-weight:500;letter-spacing:.04em}.hero-label .dot{width:7px;height:7px;background:var(--accent);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #0a0a0a80}50%{opacity:.7;box-shadow:0 0 0 6px #0a0a0a00}}.hero-word{display:inline-block;opacity:0;transform:translateY(60px) skewY(3deg);animation:heroIn .9s cubic-bezier(.16,1,.3,1) forwards}@keyframes heroIn{to{opacity:1;transform:translateY(0) skewY(0)}}.hero-img-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:12px}.hero-img-grid img{border-radius:12px;object-fit:cover;width:100%;transition:transform .5s ease}.hero-img-grid img:hover{transform:scale(1.02)}.hero-img-grid .tall{grid-row:span 2}.marquee-wrap{overflow:hidden}.marquee-track{display:flex;width:max-content;animation:marquee 30s linear infinite}.marquee-wrap:hover .marquee-track{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .3s;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px -15px #0000001a;border-color:#00000024}.project-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .6s ease}.project-card:hover .project-thumb{transform:scale(1.04)}.tag{display:inline-block;padding:.3rem .9rem;border-radius:99px;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;background:var(--surface2);color:var(--muted);border:1px solid var(--border);transition:background .2s,color .2s}.tag.accent{background:var(--accent);color:var(--accent-fg);border-color:transparent}.tag.purple{background:#0a0a0a0d;color:var(--text);border-color:#0a0a0a1a}.timeline-line{position:absolute;left:0;top:8px;bottom:0;width:1px;background:linear-gradient(to bottom,var(--accent),transparent)}.timeline-dot{position:absolute;left:-5px;top:6px;width:11px;height:11px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #0a0a0a4d}.skill-bar-bg{background:var(--surface2);border-radius:99px;height:4px;overflow:hidden}.skill-bar-fill{height:100%;border-radius:99px;background:linear-gradient(to right,var(--accent2),var(--accent));transform:scaleX(0);transform-origin:left;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.skill-bar-fill.animated{transform:scaleX(1)}.stat-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem;text-align:center;transition:border-color .3s,transform .3s}.stat-box:hover{border-color:#0a0a0a4d;transform:translateY(-4px)}.contact-link{display:flex;align-items:center;gap:1rem;padding:1.4rem 2rem;background:var(--surface);border:1px solid var(--border);border-radius:14px;text-decoration:none;color:var(--text);font-family:Syne,sans-serif;font-weight:600;font-size:1rem;transition:all .3s}.contact-link:hover{border-color:var(--accent);background:#0a0a0a05;transform:translate(6px)}.contact-link .icon-box{width:44px;height:44px;background:var(--surface2);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .3s}.contact-link:hover .icon-box{background:#0a0a0a0d}footer{border-top:1px solid var(--border);padding:2.5rem 1.5rem;text-align:center}.glow-blob{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0}.avail-badge{display:inline-flex;align-items:center;gap:.5rem;background:#0a0a0a0d;border:1px solid rgba(10,10,10,.1);border-radius:99px;padding:.35rem 1rem;font-size:.78rem;color:var(--accent);font-weight:600;letter-spacing:.04em}.section-eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}@media (max-width: 768px){.hero-img-grid{display:none}}#particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;display:block}