:root{--bg-color: #0f172a;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-cyan: #14b8a6;--accent-purple: #10b981;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--nav-height: 80px;--bg-primary: #0f172a}[data-theme=light]{--bg-color: #f1f5f9;--text-primary: #0f172a;--text-secondary: #64748b;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(15, 23, 42, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .1);--bg-primary: #f1f5f9}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:-10%;left:-10%;width:50vw;height:50vw;background:radial-gradient(circle,#10b981 0%,transparent 70%);opacity:.15;filter:blur(80px);z-index:-1;animation:float 20s infinite alternate}body:after{content:"";position:fixed;bottom:-10%;right:-10%;width:50vw;height:50vw;background:radial-gradient(circle,#14b8a6 0%,transparent 70%);opacity:.15;filter:blur(80px);z-index:-1;animation:float-delayed 25s infinite alternate}@keyframes float{0%{transform:translate(0)}to{transform:translate(100px,50px)}}@keyframes float-delayed{0%{transform:translate(0)}to{transform:translate(-100px,-50px)}}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px}.glass-nav{background:rgba(15,23,42,.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:100;height:var(--nav-height);display:flex;align-items:center}.text-gradient{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{background:transparent;color:var(--accent-cyan);border:1px solid var(--accent-cyan);padding:12px 24px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-primary:hover{background:var(--accent-cyan);color:var(--bg-color);box-shadow:0 0 20px #06b6d466}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}