:root{--bg-color: #000000;--bg-secondary: #0a0a0c;--text-primary: #f5f5f7;--text-secondary: #86868b;--text-gradient: linear-gradient(135deg, #ffffff 0%, #a1a1a6 100%);--accent-blue: #0A84FF;--accent-purple: #BF5AF2;--accent-cyan: #64D2FF;--accent-warm: #FF9F0A;--accent-rose: #FF375F;--glass-bg: rgba(25, 25, 28, .4);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(20px);--font-family: "Inter", "Noto Sans SC", sans-serif;--nav-height: 60px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}html{scroll-behavior:smooth}h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em}.text-gradient{background:var(--text-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-aria{background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-purple) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-warm{background:linear-gradient(135deg,var(--accent-warm) 0%,var(--accent-rose) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:1.25rem;color:var(--text-secondary);font-weight:400;max-width:600px;margin:1rem auto}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:24px}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:8rem 0;position:relative}.reveal{opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.5,0,0,1)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.glow-orb{position:absolute;border-radius:50%;filter:blur(100px);z-index:-1;opacity:.4;animation:pulse 8s infinite alternate}.glow-blue{background:var(--accent-blue)}.glow-purple{background:var(--accent-purple)}@keyframes pulse{0%{transform:scale(1);opacity:.3}to{transform:scale(1.2);opacity:.6}}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;margin-top:4rem}.bento-item{padding:3rem;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .3s ease,border-color .3s ease}.bento-item:hover{transform:translateY(-5px);border-color:#fff3}@media(max-width:768px){.bento-grid{display:flex;flex-direction:column}.section{padding:4rem 0}}