:root{--background:#0f172a;--foreground:#f8fafc;--primary:#3b82f6;--primary-hover:#2563eb;--surface:rgba(30,41,59,.7);--border:hsla(0,0%,100%,.1);--danger:#ef4444;--success:#10b981}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;background-color:var(--background);color:var(--foreground);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100vh}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(59,130,246,.15) 0,transparent 50%);z-index:-1;pointer-events:none}.glass-panel{background:var(--surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:16px;padding:1.5rem;box-shadow:0 4px 30px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease}.glass-panel:hover{box-shadow:0 8px 32px rgba(0,0,0,.2)}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn:hover{background:var(--primary-hover);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-danger{background:var(--danger)}.btn-danger:hover{background:#dc2626}.container{max-width:1000px;margin:0 auto;padding:2rem 1rem}h1,h2,h3{margin-bottom:1rem;font-weight:700;letter-spacing:-.025em}h1{font-size:2.5rem;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}