:root{--bg-color: #050505;--bg-surface: rgba(18, 18, 18, .7);--bg-elevated: rgba(30, 30, 30, .8);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent-primary: #ef6458;--accent-secondary: #22d3ee;--accent-tertiary: #8b5cf6;--accent-color: var(--accent-primary);--accent-glow: rgba(239, 100, 88, .15);--border-color: rgba(255, 255, 255, .1);--font-sans: "Inter", sans-serif;--transition-normal: .3s ease;--transition-slow: .8s cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--bg-color: #f8fafc;--bg-surface: rgba(255, 255, 255, .7);--bg-elevated: rgba(241, 245, 249, .8);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent-primary: #f43f5e;--accent-secondary: #0ea5e9;--accent-color: var(--accent-primary);--accent-glow: rgba(244, 63, 94, .1);--border-color: rgba(0, 0, 0, .05)}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal);line-height:1.6;min-height:100vh;position:relative}.blob{position:fixed;width:500px;height:500px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);border-radius:50%;filter:blur(80px);z-index:-1;pointer-events:none;opacity:.6}.blob-1{top:-100px;right:-100px;background:radial-gradient(circle,rgba(239,100,88,.15) 0%,transparent 70%)}.blob-2{bottom:-100px;left:-100px;background:radial-gradient(circle,rgba(34,211,238,.15) 0%,transparent 70%)}.blob-3{top:40%;left:20%;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%)}.glass{background:var(--bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color)}.glass-card{background:var(--bg-elevated);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-color);box-shadow:0 8px 32px #0000001a}.skip-link{position:absolute;top:-50px;left:0;background:var(--accent-primary);color:#fff;padding:8px 16px;z-index:100;text-decoration:none;font-weight:500;transition:top .15s ease}.skip-link:focus{top:0}.reveal{opacity:0;transform:translateY(40px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.reveal.active{opacity:1;transform:translateY(0)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.floating{animation:float 4s ease-in-out infinite}#goToTopBtn.visible{opacity:1;visibility:visible;transform:translateY(0)}