@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-dark:#060b19;--primary:#00c6ff;--secondary:#0072ff;--accent:#f1c40f;--text-main:#fff;--text-muted:#ffffffb3;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-shadow:0 8px 32px 0 #0000004d;--border-radius-lg:24px;--border-radius-md:16px;--transition:all .3s cubic-bezier(.25, .8, .25, 1)}body.theme-ocean{--bg-dark:#0f172a;--primary:#3b82f6;--secondary:#06b6d4;--accent:#93c5fd}body.theme-forest{--bg-dark:#064e3b;--primary:#10b981;--secondary:#34d399;--accent:#a7f3d0}body.theme-sunset{--bg-dark:#450a0a;--primary:#f97316;--secondary:#ef4444;--accent:#fcd34d}body.theme-pink{--bg-dark:#2a0a18;--primary:#f472b6;--secondary:#fb7185;--accent:#fbcfe8}body.theme-bw{--bg-dark:#000;--primary:#fff;--secondary:#999;--accent:#ccc}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);background-image:radial-gradient(circle at 15% 50%, color-mix(in srgb, var(--primary) 25%, transparent), transparent 35%), radial-gradient(circle at 85% 30%, color-mix(in srgb, var(--secondary) 25%, transparent), transparent 35%);color:var(--text-main);background-attachment:fixed;min-height:100vh;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow);transition:var(--transition);padding:2rem}.glass-panel:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 12px 40px #0006}h1,h2,h3{letter-spacing:-.02em;font-weight:700}.gradient-text{background:linear-gradient(135deg, var(--secondary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;text-shadow:0 1px 3px #00000080;cursor:pointer;transition:var(--transition);box-shadow:0 4px 15px color-mix(in srgb, var(--primary) 40%, transparent);border:none;border-radius:50px;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 2rem;font-weight:600;display:inline-flex}.btn-primary:hover{box-shadow:0 8px 25px color-mix(in srgb, var(--secondary) 50%, transparent);transform:translateY(-2px)scale(1.02)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}@keyframes pulseHeart{0%{opacity:.03;transform:translate(-50%,-50%)scale(1)}50%{opacity:.06;transform:translate(-50%,-50%)scale(1.05)}to{opacity:.03;transform:translate(-50%,-50%)scale(1)}}.heart-pulse-bg{animation:4s ease-in-out infinite pulseHeart}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.scale-up-anim{animation:.8s cubic-bezier(.175,.885,.32,1.275) forwards scaleUp}