.container{max-width:1200px;margin:0 auto;padding:2rem}.card{background:var(--card-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--card-border);border-radius:16px;padding:2rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:0 4px 14px #14b8a663;display:inline-block;border-radius:8px;padding:.6em 1.2em;font-size:1em;font-weight:500;text-align:center;border:none;cursor:pointer;transition:transform .1s,box-shadow var(--transition-speed)}.btn-primary:active{transform:scale(.98)}.btn-primary:hover{box-shadow:0 6px 20px #14b8a63b;filter:brightness(1.1)}@media(max-width:640px){.container{padding:1rem}.card{padding:1.25rem;border-radius:12px}}:root{--bg-color: #f8fafc;--text-color: #1e293b;--primary-color: #14b8a6;--secondary-color: #0ea5e9;--accent-color: #0f766e;--card-bg: rgba(255, 255, 255, .7);--card-border: rgba(255, 255, 255, .6);--glass-blur: 16px;--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--transition-speed: .3s}body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--bg-color);background-image:radial-gradient(at 0% 0%,rgba(20,184,166,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(14,165,233,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(15,118,110,.1) 0px,transparent 50%);background-attachment:fixed;color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:.5em;color:var(--text-color)}button{cursor:pointer;border:none;border-radius:8px;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;transition:transform .1s,box-shadow var(--transition-speed)}button:active{transform:scale(.98)}