:root{--bg:#070709;--bg-alt:#0d0d12;--surface:#12121a;--surface-2:#181824;--border:rgba(255, 255, 255, 0.08);--border-strong:rgba(255, 255, 255, 0.16);--text:#f4f4f7;--text-dim:rgba(244, 244, 247, 0.65);--text-faint:rgba(244, 244, 247, 0.38);--accent:#8b5cf6;--accent-2:#a78bfa;--accent-soft:rgba(139, 92, 246, 0.15);--accent-glow:rgba(139, 92, 246, 0.4);--cyan:#22d3ee;--emerald:#10b981;--gold:#fbbf24;--nav-home:#eab308;--nav-work:#8b5cf6;--nav-about:#ec4899;--nav-skills:#06b6d4;--nav-exp:#ec4899;--nav-serv:#3b82f6;--nav-rev:#eab308;--nav-cont:#a855f7;--font-display:'Bricolage Grotesque','Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif;--font-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:'JetBrains Mono',monospace;--gutter:clamp(16px, 4vw, 56px);--section-pad:clamp(70px, 9vw, 130px);--radius:16px;--radius-sm:10px;--radius-lg:24px;--ease:cubic-bezier(0.16, 1, 0.3, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body,html{background:var(--bg);color:var(--text)}body{font-family:var(--font-body);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;background:0 0;border:none;color:inherit}ul{list-style:none}input,select,textarea{font-family:inherit;background:0 0;color:inherit;border:none;outline:0}::selection{background:var(--accent);color:#fff}.noise-layer{position:fixed;inset:0;z-index:9998;pointer-events:none;opacity:.025;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.top-ticker{width:100%;height:36px;background:linear-gradient(90deg,#7c3aed,#06b6d4,#ec4899,#7c3aed);background-size:300% 100%;animation:gradientShift 8s ease infinite;display:flex;align-items:center;overflow:hidden;white-space:nowrap;position:fixed;top:0;left:0;z-index:10010;border-bottom:1px solid rgba(255,255,255,.15);box-shadow:0 4px 16px rgba(0,0,0,.4)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.ticker-content{display:flex;width:max-content;animation:tickerSlide 22s linear infinite}.ticker-item{display:inline-flex;align-items:center;gap:36px;padding-right:36px;font-family:var(--font-mono);font-size:.76rem;font-weight:600;letter-spacing:.08em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.ticker-content:hover{animation-play-state:paused}.ticker-content .sep{opacity:.6}@keyframes tickerSlide{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.container{max-width:1320px;margin:0 auto;padding:0 var(--gutter)}.section{padding:var(--section-pad) 0;position:relative}.section-inner{position:relative;z-index:2}.eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-2);display:inline-flex;align-items:center;gap:10px}.eyebrow::before{content:'';width:20px;height:1px;background:var(--accent)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:clamp(32px,5vw,60px);border-bottom:1px solid var(--border);padding-bottom:22px;flex-wrap:wrap}.section-head h2{font-family:var(--font-display);font-size:clamp(1.9rem, 4vw, 3.2rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-top:6px}.section-head p{color:var(--text-dim);max-width:420px;font-size:.95rem}.navbar{position:fixed!important;top:36px!important;left:0;right:0;z-index:10000;padding:16px 0;transition:all .35s var(--ease)}.navbar.is-scrolled{padding:10px 0;background:rgba(7,7,9,.85);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);box-shadow:0 10px 30px rgba(0,0,0,.4)}.nav-inner{display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:-.04em;color:var(--text)}.logo span{color:var(--accent)}.nav-links{display:flex;gap:12px;background:rgba(255,255,255,.03);padding:6px 14px;border-radius:999px;border:1px solid var(--border);backdrop-filter:blur(12px)}.nav-badge{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:999px;color:var(--text-dim);transition:all .25s var(--ease);font-weight:500;border:1px solid transparent}.nav-badge:hover{color:#fff;transform:translateY(-2px)}.nav-badge[href="#home"].is-active,.nav-badge[href="#home"]:hover{background:rgba(139,92,246,.18);border-color:var(--nav-home);color:#fff}.nav-badge[href="#work"].is-active,.nav-badge[href="#work"]:hover{background:rgba(6,182,212,.18);border-color:var(--nav-work);color:#fff}.nav-badge[href="#about"].is-active,.nav-badge[href="#about"]:hover{background:rgba(16,185,129,.18);border-color:var(--nav-about);color:#fff}.nav-badge[href="#skills"].is-active,.nav-badge[href="#skills"]:hover{background:rgba(245,158,11,.18);border-color:var(--nav-skills);color:#fff}.nav-badge[href="#experience"].is-active,.nav-badge[href="#experience"]:hover{background:rgba(236,72,153,.18);border-color:var(--nav-exp);color:#fff}.nav-badge[href="#services"].is-active,.nav-badge[href="#services"]:hover{background:rgba(59,130,246,.18);border-color:var(--nav-serv);color:#fff}.nav-badge[href="#testimonials"].is-active,.nav-badge[href="#testimonials"]:hover{background:rgba(234,179,8,.18);border-color:var(--nav-rev);color:#fff}.nav-badge[href="#contact"].is-active,.nav-badge[href="#contact"]:hover{background:rgba(168,85,247,.18);border-color:var(--nav-cont);color:#fff}.hamburger{display:none;flex-direction:column;gap:6px;width:34px;height:34px;justify-content:center;align-items:center;z-index:1002}.hamburger span{display:block;width:24px;height:2px;background:var(--text);transition:transform .3s var(--ease),opacity .3s var(--ease)}.hamburger.is-open span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0}.hamburger.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu{position:fixed;inset:0;background:rgba(7,7,9,.98);backdrop-filter:blur(20px);z-index:1001;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;opacity:0;pointer-events:none;transition:opacity .35s var(--ease);padding:40px 20px}.mobile-menu.is-open{opacity:1;pointer-events:auto}.mobile-menu .nav-badge{font-size:1.2rem;padding:10px 24px}.hero{min-height:100vh;display:flex;align-items:center;position:relative;padding-top:clamp(120px,14vh,160px);padding-bottom:70px}.hero-grid{display:grid;grid-template-columns:1.05fr 0.95fr;align-items:center;gap:clamp(32px,5vw,70px);width:100%}.hero-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.25);border-radius:999px;padding:6px 16px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-bottom:20px}.hero-badge .dot{width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 10px var(--cyan);animation:pulseDot 2s infinite}@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.hero-eyebrow{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.24em;color:var(--text-faint);margin-bottom:8px}.hero-title{font-family:var(--font-display);font-size:clamp(2.8rem, 6.8vw, 5.8rem);font-weight:800;line-height:.95;letter-spacing:-.03em}.hero-title-char{display:inline-block}.hero-role{font-family:var(--font-mono);font-size:clamp(.88rem, 1.3vw, 1.05rem);letter-spacing:.16em;margin-top:16px;background:linear-gradient(90deg,#22d3ee,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;font-weight:600}.hero-desc{max-width:480px;color:var(--text-dim);font-size:1.02rem;margin-top:18px;line-height:1.6}.hero-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.hero-orbit-canvas{position:absolute;inset:-15%;width:130%;height:130%;z-index:1;pointer-events:none}.hero-portrait-circle{position:relative;z-index:2;width:clamp(220px,28vw,320px);height:clamp(220px,28vw,320px);border-radius:50%;padding:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hero-portrait-circle::before{content:'';position:absolute;inset:0;border-radius:50%;animation:rotateRing 8s linear infinite,rainbowRing 50s linear infinite;z-index:-1}@keyframes rotateRing{0%{transform:rotate(0);filter:hue-rotate(0deg)}100%{transform:rotate(360deg);filter:hue-rotate(360deg)}}@keyframes rainbowRing{0%{background:conic-gradient(red,#f60,#fc0,#0f0,#06f,#c0f,red)}25%{background:conic-gradient(#0f0,#06f,#c0f,red,#f60,#fc0,#0f0)}50%{background:conic-gradient(#06f,#c0f,red,#f60,#fc0,#0f0,#06f)}75%{background:conic-gradient(#c0f,red,#f60,#fc0,#0f0,#06f,#c0f)}100%{background:conic-gradient(red,#f60,#fc0,#0f0,#06f,#c0f,red)}}.circle-inner{width:100%;height:100%;border-radius:50%;overflow:visible;background:var(--surface);display:flex;align-items:center;justify-content:center;position:relative;border:3px solid var(--bg)}.bnav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 4px;border-radius:var(--radius-sm);text-decoration:none;color:#fff;transition:all .3s var(--ease)}.bnav-item i{font-size:1.2rem;margin-bottom:4px}.bnav-item span{font-family:var(--font-mono);font-size:.7rem;font-weight:600}.bnav-home{background:var(--nav-home);box-shadow:0 4px 12px rgba(234,179,8,.3)}.bnav-work{background:var(--nav-work);box-shadow:0 4px 12px rgba(139,92,246,.3)}.bnav-about{background:var(--nav-about);box-shadow:0 4px 12px rgba(236,72,153,.3)}.bnav-skills{background:var(--nav-skills);box-shadow:0 4px 12px rgba(6,182,212,.3)}.bnav-item.is-active,.bnav-item:hover{transform:translateY(-4px);filter:brightness(1.2)}body{padding-bottom:90px}.footer{border-top:1px solid var(--border);padding:36px 0;background:var(--bg)}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{font-family:var(--font-mono);font-size:.78rem;color:var(--text-dim)}.footer-links a:hover{color:var(--accent-2)}.footer-copy{font-size:.85rem;color:var(--text-faint)}.footer-right{display:flex;align-items:center;gap:16px}.admin-lock-link{color:var(--text-faint);font-size:.85rem;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid transparent;transition:all .25s var(--ease)}.admin-lock-link:hover{color:var(--accent-2);border-color:var(--border);background:var(--surface)}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%)}.cursor-dot{width:6px;height:6px;background:var(--accent-2)}.cursor-ring{width:32px;height:32px;border:1.5px solid rgba(167,139,250,.4);transition:width .2s var(--ease),height .2s var(--ease),border-color .2s var(--ease)}.cursor-ring.is-hover{width:52px;height:52px;border-color:var(--accent);background:rgba(139,92,246,.1)}@media (max-width:992px){.hero-grid{grid-template-columns:1fr;text-align:center}.hero-visual{margin:0 auto 30px}.hero-actions,.hero-social-action-bar{justify-content:center;margin-left:auto;margin-right:auto}.about-grid{grid-template-columns:1fr}.project-row{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.nav-cta,.nav-links{display:none}.hamburger{display:flex}}@media (max-width:640px){.hero-social-action-bar{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px}.social-action-card{padding:10px 4px}.social-action-card i{font-size:1.2rem}.social-action-card span{font-size:.62rem}.form-row{grid-template-columns:1fr}.about-stats{grid-template-columns:1fr 1fr}.services-grid{grid-template-columns:1fr}.testimonials-grid{grid-template-columns:1fr}}@media (max-width:640px){.hero-social-action-bar{margin-top:60px}}