@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary:#111827;--primary-green:#23985c;--primary-green-hover:#1c7b4a;--primary-green-light:#e6f4ec;--accent:#23985c;--accent-gradient:linear-gradient(135deg, #23985c 0%, #1e8350 100%);--background:#fdfdfd;--surface:#fff;--surface-border:#e5e7eb;--text-main:#111827;--text-muted:#6b7280;--error:#ef4444;--error-light:#fee2e2;--success:#23985c;--warning:#f59e0b;--warning-light:#fef3c7;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #00000006;--shadow-lg:0 10px 25px -3px #0000000d, 0 4px 6px -4px #00000006;--shadow-accent:0 4px 14px 0 #23985c40;--shadow-card:0 8px 30px #0000000a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.app-container{background:radial-gradient(circle at 100% 0,#23985c08,#0000 40%),radial-gradient(circle at 0 100%,#23985c0d,#0000 50%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.glass-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);width:100%;max-width:500px;padding:3rem 2.5rem;animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeUp;position:relative;overflow:hidden}.heading-main{letter-spacing:-.025em;color:var(--text-main);margin-bottom:.5rem;font-size:2rem;font-weight:800}.heading-highlight{color:var(--primary-green)}.text-subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:1rem;line-height:1.6}.form-group{text-align:left;margin-bottom:1.25rem}.form-label{color:var(--text-main);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-input{border:1px solid var(--surface-border);border-radius:var(--radius-md);width:100%;color:var(--text-main);background:#f9fafb;padding:.875rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.form-input:focus{border-color:var(--primary-green);box-shadow:0 0 0 3px var(--primary-green-light);background:#fff;outline:none}.form-input::placeholder{color:#9ca3af}.btn-primary{background:var(--primary-green);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;box-shadow:var(--shadow-accent);border:none;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;padding:1rem 1.5rem;font-size:1.05rem;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover{background:var(--primary-green-hover);transform:translateY(-1px);box-shadow:0 6px 20px #23985c59}.btn-primary:active{transform:translateY(0)}.scanner-container{text-align:center;flex-direction:column;align-items:center;display:flex}.deal-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#fdfbfb 0%,#f4fdf8 100%);border:2px dashed #23985c4d;flex-direction:column;align-items:center;width:100%;margin-bottom:2rem;padding:1.5rem;animation:2s infinite pulse-border;display:flex;position:relative}.badge-save{background:var(--error);color:#fff;letter-spacing:.05em;text-transform:uppercase;opacity:0;border-radius:999px;padding:.25rem .75rem;font-size:.85rem;font-weight:700;animation:.5s cubic-bezier(.175,.885,.32,1.275) .3s forwards popIn;position:absolute;top:-12px;transform:scale(.5);box-shadow:0 4px 10px #ef44444d}.price-container{justify-content:center;align-items:center;gap:1rem;margin:.5rem 0;display:flex}.price-current{color:var(--primary-green);text-shadow:0 2px 10px #23985c1a;font-size:3.5rem;font-weight:800;line-height:1}.price-old-wrapper{flex-direction:column;align-items:flex-start;display:flex}.price-strikethrough{color:var(--text-muted);font-size:1.5rem;font-weight:600;display:inline-block;position:relative}.price-strikethrough:after{content:"";background:var(--error);border-radius:2px;width:110%;height:3px;position:absolute;top:50%;left:-5%;transform:rotate(-10deg)}.price-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600;display:inline-block}.qr-wrapper{border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--surface-border), var(--shadow-card);border:4px solid var(--primary-green-light);background:#fff;margin-bottom:2rem;padding:1rem;position:relative;overflow:hidden}.qr-wrapper img{object-fit:contain;width:220px;height:220px;display:block}.scanner-line{background:var(--primary-green);width:100%;height:3px;box-shadow:0 0 15px var(--primary-green), 0 0 25px var(--primary-green);opacity:.8;animation:2.5s linear infinite scan;position:absolute;top:0;left:0}.timer-container{background:var(--warning-light);border:1px solid #f59e0b33;border-radius:999px;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1.5rem;display:flex}.timer-icon{color:var(--warning)}.timer-text{font-variant-numeric:tabular-nums;color:var(--warning);font-size:1.25rem;font-weight:700}.timer-label{color:var(--warning);font-size:.875rem;font-weight:600}.expired-state{flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 0;animation:.5s forwards fadeIn;display:flex}.expired-icon{color:var(--error);background:var(--error-light);border-radius:50%;width:64px;height:64px;padding:1rem}.brand-header{text-align:center;margin-bottom:2.5rem}.brand-name{color:var(--text-main);justify-content:center;align-items:center;gap:.25rem;font-size:1.75rem;font-weight:800;display:flex}.brand-name span{color:var(--primary-green)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}80%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes pulse-border{0%{border-color:#23985c4d}50%{border-color:#23985ccc}to{border-color:#23985c4d}}@keyframes scan{0%{opacity:0;top:0}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}@media (width<=640px){.app-container{align-items:flex-start;padding:1rem}.glass-card{border-radius:var(--radius-lg);box-shadow:none;border:none;max-width:100%;padding:2rem 1.5rem}body{background-color:var(--surface)}.app-container{background:0 0}.heading-main{font-size:1.5rem}.price-current{font-size:3rem}.price-strikethrough{font-size:1.25rem}.qr-wrapper img{width:200px;height:200px}.timer-container{width:100%;padding:.5rem 1rem}.timer-label{font-size:.8rem}.timer-text{font-size:1.1rem}.btn-primary{padding:.875rem 1rem}}