@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--color-bg: #06060B;--color-bg-glass: rgba(255, 255, 255, .04);--color-bg-glass-strong: rgba(255, 255, 255, .07);--glass-border: rgba(255, 255, 255, .06);--glass-border-hover: rgba(255, 255, 255, .12);--color-accent: #F59E0B;--color-accent-light: #FBBF24;--gradient-accent: linear-gradient(135deg, #F59E0B 0%, #EF4444 100%);--gradient-accent-soft: linear-gradient(135deg, rgba(245,158,11,.12) 0%, rgba(239,68,68,.08) 100%);--glow-accent: 0 0 40px rgba(245, 158, 11, .08), 0 0 80px rgba(245, 158, 11, .04);--glow-accent-strong: 0 0 30px rgba(245, 158, 11, .15), 0 0 60px rgba(245, 158, 11, .08);--color-text-primary: #F8FAFC;--color-text-secondary: #CBD5E1;--color-text-muted: #64748B;--color-text-dim: #475569;--color-success: #34D399;--color-success-bg: rgba(52, 211, 153, .08);--color-success-border: rgba(52, 211, 153, .15);--color-danger: #F87171;--color-danger-bg: rgba(248, 113, 113, .08);--color-danger-border: rgba(248, 113, 113, .15);--color-info: #60A5FA;--color-info-bg: rgba(96, 165, 250, .08);--color-info-border: rgba(96, 165, 250, .15);--color-accent-bg: rgba(245, 158, 11, .08);--color-accent-border: rgba(245, 158, 11, .15);--color-border: rgba(255, 255, 255, .06);--grade-aplus: #10B981;--grade-a: #34D399;--grade-b: #FBBF24;--grade-c: #FB923C;--grade-d: #F87171;--grade-f: #EF4444;--cat-social: #EC4899;--cat-entertainment: #A855F7;--cat-productive: #10B981;--cat-browsing: #3B82F6;--cat-utility: #6B7280;--font-body: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", monospace;--max-width: 960px;--nav-height: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-glass: 0 8px 32px rgba(0, 0, 0, .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text-secondary);line-height:1.6;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 60% at 10% 20%,rgba(245,158,11,.04) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 90% 80%,rgba(239,68,68,.03) 0%,transparent 60%),radial-gradient(ellipse 50% 50% at 50% 50%,rgba(96,165,250,.02) 0%,transparent 60%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}a{color:var(--color-accent);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}::selection{background:#f59e0b40;color:#fff}.page-container{max-width:var(--max-width);margin:0 auto;padding:calc(var(--nav-height) + 32px) 20px 60px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-glow{0%,to{box-shadow:var(--glow-accent)}50%{box-shadow:var(--glow-accent-strong)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-in{animation:fadeInUp .5s ease-out forwards}.animate-in-delay-1{animation:fadeInUp .5s ease-out .1s forwards;opacity:0}.animate-in-delay-2{animation:fadeInUp .5s ease-out .2s forwards;opacity:0}.animate-in-delay-3{animation:fadeInUp .5s ease-out .3s forwards;opacity:0}.animate-in-delay-4{animation:fadeInUp .5s ease-out .4s forwards;opacity:0}@media(max-width:640px){.page-container{padding:calc(var(--nav-height) + 20px) 14px 40px}}