:root{--bg-body:#f5f5f7;--bg-surface:#fff;--bg-surface-translucent:#ffffffb3;--text-primary:#1d1d1f;--text-secondary:#86868b;--accent-color:#000;--accent-hover:#1c1c1e;--btn-primary-text:#fff;--border-color:#00000014;--danger-color:#ff3b30;--success-color:#34c759;--radius-sm:12px;--radius-md:20px;--radius-lg:32px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 12px 32px #00000014;--shadow-lg:0 24px 64px #0000001f;--shadow-glow:0 0 24px #007aff33;--blur-md:blur(40px)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}body{background-color:var(--bg-body);color:var(--text-primary);background-image:radial-gradient(#0000000d 1px,#0000 1px);background-size:24px 24px;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.bg-blob{filter:blur(80px);z-index:-1;opacity:.6;border-radius:50%;animation:10s ease-in-out infinite alternate float;position:absolute}.blob-1{background:#007aff26;width:50vw;max-width:600px;height:50vw;max-height:600px;top:-10%;left:-10%}.blob-2{background:#ff2d551a;width:60vw;max-width:700px;height:60vw;max-height:700px;animation-delay:-5s;bottom:-20%;right:-10%}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(30px,50px)scale(1.1)}}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .3s cubic-bezier(.16,1,.3,1)}.text-gradient{background:linear-gradient(135deg,#007aff 0%,#ff2d55 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background-color:var(--accent-color);color:var(--btn-primary-text);border-radius:var(--radius-full);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:0 8px 24px #0003}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:0 12px 32px #00000040}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border-radius:var(--radius-full);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;display:inline-flex}.btn-secondary:hover{background-color:#f9f9f9;border-color:#00000026;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.btn-icon{border-radius:var(--radius-full);background-color:var(--bg-surface);width:44px;height:44px;color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;display:flex}.btn-icon:hover{background-color:#f9f9f9;border-color:#00000026;transform:translateY(-1px)}.glass-panel{background-color:var(--bg-surface-translucent);-webkit-backdrop-filter:var(--blur-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-md), inset 0 0 0 1px #ffffff80;border:1px solid #fff6}@keyframes fadeInBlur{0%{opacity:0;filter:blur(12px);transform:translateY(16px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.animate-in{animation:.7s cubic-bezier(.16,1,.3,1) forwards fadeInBlur}@keyframes pulseGlow{0%{box-shadow:0 0 #007aff26}70%{box-shadow:0 0 0 12px #007aff00}to{box-shadow:0 0 #007aff00}}.glow-active{animation:2s infinite pulseGlow;background-color:#007aff05!important;border-color:#007aff!important}