@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;800;900&display=swap";:root{--primary: #8ecae6;--secondary: #219ebc;--accent: #fb8500;--accent-soft: rgba(251, 133, 0, .1);--bg: #f0f4f8;--bg-gradient: linear-gradient(160deg, #f0f4f8 0%, #e3f2fd 100%);--text-dark: #023047;--text-muted: rgba(2, 48, 71, .6);--card-bg: rgba(255, 255, 255, .9);--card-border: rgba(2, 48, 71, .08);--card-shadow: 0 10px 30px -10px rgba(2, 48, 71, .1);--glass-bg: rgba(255, 255, 255, .65);--glass-border: rgba(2, 48, 71, .08);--header-bg: rgba(255, 255, 255, .7);--header-border: rgba(2, 48, 71, .06);--btn-secondary-bg: rgba(2, 48, 71, .05);--btn-secondary-border: rgba(2, 48, 71, .1);--btn-secondary-text: #023047;--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:Outfit,sans-serif;background-color:var(--bg);background-image:var(--bg-gradient);color:var(--text-dark);overflow-x:hidden;min-height:100vh}.btn{font-family:inherit;font-weight:700;padding:.8rem 1.6rem;border-radius:16px;cursor:pointer;transition:all var(--transition-bounce);border:none;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 14px #fb850033}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #fb850059;opacity:.95}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);color:var(--btn-secondary-text)}.btn-secondary:hover{transform:translateY(-3px);background:#ffffff14}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:var(--card-bg);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);border-radius:28px;width:90%;max-width:480px;padding:2.5rem 2rem;text-align:center;animation:modalEnter .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalEnter{0%{transform:scale(.9) translateY(30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes slideIn{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}
