:root{--glass-1: rgba(255,255,255,.07);--glass-2: rgba(255,255,255,.12);--glass-3: rgba(255,255,255,.2);--glass-border: rgba(255,255,255,.13);--glass-shadow: 0 8px 32px rgba(0,0,0,.3), 0 2px 8px rgba(0,0,0,.15);--glass-hover-shadow: 0 16px 48px rgba(0,0,0,.36), 0 4px 16px rgba(0,0,0,.2);--bg-primary: #090912;--bg-card: rgba(255,255,255,.06);--text-primary: rgba(255,255,255,.92);--text-secondary: rgba(255,255,255,.52);--text-muted: rgba(255,255,255,.28);--border-color: rgba(255,255,255,.1);--accent: #0a84ff;--accent-blue: #0a84ff;--accent-purple: #bf5af2;--accent-pink: #ff375f;--accent-green: #32d74b;--accent-orange: #ff9f0a;--accent-teal: #5ac8fa;--accent-yellow: #ffd60a;--accent-indigo: #5e5ce6;--radius-card: 18px;--radius-btn: 12px}[data-theme=light]{--glass-1: rgba(255,255,255,.5);--glass-2: rgba(255,255,255,.7);--glass-3: rgba(255,255,255,.88);--glass-border: rgba(255,255,255,.95);--glass-shadow: 0 8px 32px rgba(31,38,135,.1), 0 2px 8px rgba(0,0,0,.06);--glass-hover-shadow: 0 16px 48px rgba(31,38,135,.18), 0 4px 16px rgba(0,0,0,.09);--bg-primary: #f2f2f7;--bg-card: rgba(255,255,255,.58);--text-primary: rgba(0,0,0,.88);--text-secondary: rgba(0,0,0,.5);--text-muted: rgba(0,0,0,.3);--border-color: rgba(0,0,0,.07);--accent: #007aff;--accent-blue: #007aff;--accent-purple: #5856d6;--accent-pink: #ff2d55;--accent-green: #34c759;--accent-orange: #ff9500;--accent-teal: #5ac8fa;--accent-yellow: #ffcc00;--accent-indigo: #5856d6}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:70px}body{font-family:-apple-system,Inter,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background-color .4s ease,color .4s ease;min-height:100vh}#root{position:relative;z-index:1}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 15% 15%,rgba(10,132,255,.15) 0%,transparent 55%),radial-gradient(ellipse 70% 55% at 85% 10%,rgba(191,90,242,.12) 0%,transparent 55%),radial-gradient(ellipse 65% 65% at 80% 85%,rgba(50,215,75,.09) 0%,transparent 55%),radial-gradient(ellipse 75% 50% at 10% 85%,rgba(255,55,95,.1) 0%,transparent 55%),radial-gradient(ellipse 50% 50% at 50% 50%,rgba(94,92,230,.07) 0%,transparent 60%)}[data-theme=light] body:before{background:radial-gradient(ellipse 80% 60% at 15% 15%,rgba(0,122,255,.1) 0%,transparent 55%),radial-gradient(ellipse 70% 55% at 85% 10%,rgba(88,86,214,.08) 0%,transparent 55%),radial-gradient(ellipse 65% 65% at 80% 85%,rgba(52,199,89,.07) 0%,transparent 55%),radial-gradient(ellipse 75% 50% at 10% 85%,rgba(255,45,85,.06) 0%,transparent 55%)}h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em}.mono{font-family:SF Mono,Fira Code,Cascadia Code,monospace}.glass-card{background:var(--glass-1);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid var(--glass-border);border-radius:var(--radius-card);box-shadow:var(--glass-shadow);transition:box-shadow .3s ease,transform .3s ease,border-color .3s ease}.glass-card:hover{box-shadow:var(--glass-hover-shadow);transform:translateY(-3px);border-color:#ffffff3d}[data-theme=light] .glass-card:hover{border-color:#fff}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-btn);font-size:.88rem;font-weight:600;cursor:pointer;border:none;transition:all .22s ease;text-decoration:none;letter-spacing:-.01em;font-family:inherit}.btn-primary{background:var(--accent-blue);color:#fff;box-shadow:0 4px 20px #0a84ff66}.btn-primary:hover{filter:brightness(1.13);box-shadow:0 8px 28px #0a84ff94;transform:translateY(-2px)}.btn-outline{background:var(--glass-2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-primary);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.btn-outline:hover{background:var(--glass-3);box-shadow:var(--glass-hover-shadow);transform:translateY(-2px)}.section{max-width:1200px;margin:0 auto;padding:100px 24px}.section-label{font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-blue);margin-bottom:10px}.section-title{font-size:clamp(1.7rem,4vw,2.6rem);font-weight:700;margin-bottom:10px;letter-spacing:-.03em}.section-subtitle{color:var(--text-secondary);font-size:1rem;margin-bottom:52px;max-width:540px}.tech-tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:8px;font-size:.72rem;font-weight:500;background:var(--glass-2);border:1px solid var(--glass-border);color:var(--text-secondary);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .2s}.tech-tag:hover{background:var(--glass-3);color:var(--text-primary)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--glass-2);border-radius:3px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 4s ease-in-out infinite}@keyframes blobFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.06)}66%{transform:translate(-20px,20px) scale(.96)}}@keyframes blobFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-50px,30px) scale(1.04)}66%{transform:translate(30px,-20px) scale(.98)}}@keyframes blobFloat3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,40px) scale(1.05)}}.rsp-2col{display:grid;grid-template-columns:1fr 1fr;gap:40px}.rsp-4col{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.rsp-projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.rsp-editor{display:grid;grid-template-columns:1fr 1fr;min-height:360px}.nav-desktop{display:flex}.nav-hamburger{display:none!important}.nav-theme-btn{display:inline-flex}.section{padding:100px 24px}@media (max-width: 1024px){.section{padding:80px 24px}.rsp-4col{grid-template-columns:repeat(2,1fr)}.rsp-2col{gap:28px}.rsp-projects{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.section{padding:64px 16px}.section-title{font-size:clamp(1.4rem,6vw,2rem)}.section-subtitle{font-size:.92rem;margin-bottom:36px}.rsp-2col{grid-template-columns:1fr!important;gap:24px}.rsp-4col{grid-template-columns:repeat(2,1fr);gap:12px}.rsp-projects{grid-template-columns:1fr}.rsp-editor{grid-template-columns:1fr!important;min-height:auto}.nav-desktop{display:none!important}.nav-hamburger{display:flex!important}.nav-theme-btn{display:none!important}.btn{padding:11px 20px;font-size:.84rem}.glass-card{border-radius:14px}.radar-wrap svg{width:100%!important;height:auto!important}.section-label{font-size:.68rem}.exp-item{padding-left:44px!important}}@media (max-width: 480px){.section{padding:52px 14px}.section-title{font-size:clamp(1.3rem,7vw,1.7rem)}.rsp-4col{grid-template-columns:repeat(2,1fr);gap:10px}.rsp-projects{grid-template-columns:1fr}.btn{padding:10px 18px;font-size:.82rem}.glass-card{border-radius:12px}.exp-item{padding-left:36px!important}#hero .btn{width:100%;justify-content:center}}@media (max-width: 360px){.section{padding:44px 12px}.rsp-4col{grid-template-columns:1fr 1fr;gap:8px}.btn{padding:9px 14px;font-size:.8rem}}