:root{--bg-color: #0f172a;--card-bg: rgba(30, 41, 59, .7);--primary: #6366f1;--primary-glow: #818cf8;--secondary: #ec4899;--accent: #10b981;--text-main: #f8fafc;--text-muted: #94a3b8;--border-color: rgba(148, 163, 184, .1);--glass-border: 1px solid rgba(255, 255, 255, .1);--font-heading: "Space Grotesk", sans-serif;--font-body: "Outfit", sans-serif}body{margin:0;padding:0;font-family:var(--font-body);background-color:var(--bg-color);background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(236,72,153,.15) 0px,transparent 50%);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased}.glass-panel{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:var(--glass-border);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.glass-input{background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.2);color:var(--text-main);padding:.75rem 1rem;border-radius:8px;width:100%;font-family:var(--font-body);transition:all .2s ease;box-sizing:border-box}.glass-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #6366f133}h1,h2,h3{font-family:var(--font-heading);margin:0}h1{font-size:2.5rem;font-weight:700;background:linear-gradient(to right,#818cf8,#e879f9);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;width:100%;font-size:1.1rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #6366f166}.btn-copy{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:var(--text-main);padding:.25rem .75rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:background .2s}.btn-copy:hover{background:rgba(255,255,255,.2)}.container{max-width:1000px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.container{grid-template-columns:1.2fr .8fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.price-tag{font-size:2.5rem;font-weight:700;color:var(--accent)}.old-price{text-decoration:line-through;color:var(--text-muted);font-size:1.25rem}.highlight-box{background:rgba(99,102,241,.1);border-left:4px solid var(--primary);padding:1rem;border-radius:0 8px 8px 0;margin-bottom:1rem}label{display:block;margin-bottom:.5rem;color:var(--text-muted);font-size:.9rem}.form-group{margin-bottom:1.25rem}.radio-group{display:flex;gap:1rem}.radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;background:rgba(255,255,255,.05);padding:.5rem 1rem;border-radius:6px;border:1px solid transparent;transition:all .2s}.radio-label:hover{background:rgba(255,255,255,.1)}.radio-label:has(input:checked){border-color:var(--primary);background:rgba(99,102,241,.1)}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #f43f5e66}70%{transform:scale(1.02);box-shadow:0 0 0 10px #f43f5e00}to{transform:scale(1);box-shadow:0 0 #f43f5e00}}