:root{--primary: #1e40af;--primary-light: #3b82f6;--primary-dark: #1e3a8a;--accent: #16a34a;--accent-hover: #15803d;--warning: #dc2626;--warning-light: #ef4444;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--white: #ffffff;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);color:var(--neutral-800);line-height:1.5;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.container{width:100%;max-width:600px;margin:0 auto}.card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.header{padding:var(--space-6) var(--space-6) var(--space-4);background:var(--primary);color:var(--white)}h1{font-size:1.75rem;font-weight:700;line-height:1.2;text-align:center;margin:0}.image-container{width:100%;height:200px;overflow:hidden;position:relative}.main-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.card:hover .main-image{transform:scale(1.05)}.content{padding:var(--space-6)}.description{font-size:1.125rem;color:var(--neutral-700);margin-bottom:var(--space-6);text-align:center}.warning{font-weight:700;color:var(--warning);text-align:center;margin-bottom:var(--space-4);font-size:1.125rem;letter-spacing:.5px}.timer-container{background-color:var(--neutral-100);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-6);text-align:center}.timer-label{font-size:.875rem;color:var(--neutral-600);margin-bottom:var(--space-2)}.timer{font-size:2.5rem;font-weight:700;color:var(--primary);font-variant-numeric:tabular-nums;margin-bottom:var(--space-2);text-shadow:0 1px 2px rgba(0,0,0,.1)}.timer-progress{height:6px;background-color:var(--neutral-200);border-radius:3px;overflow:hidden;margin-top:var(--space-2)}.timer-bar{height:100%;width:100%;background-color:var(--accent);border-radius:3px;transition:width 1s linear}.cta-button{display:flex;align-items:center;justify-content:center;width:100%;background-color:var(--accent);color:var(--white);border:none;border-radius:var(--radius-md);padding:var(--space-5) var(--space-4);font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .2s ease;margin-bottom:var(--space-6);text-transform:uppercase;text-decoration:none;letter-spacing:.5px;box-shadow:var(--shadow-md),0 0 0 var(--accent)}.cta-button:hover{background-color:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 0 var(--accent-hover)}.cta-button:active{transform:translateY(0);box-shadow:var(--shadow-sm),0 0 0 var(--accent)}.button-text{margin-right:var(--space-2)}.button-icon{font-size:1.25rem;transition:transform .2s ease}.cta-button:hover .button-icon{transform:translate(4px)}.disclaimer{font-size:.875rem;color:var(--neutral-600);text-align:center}@media (max-width: 480px){body{padding:var(--space-2)}.header{padding:var(--space-4) var(--space-4) var(--space-2)}h1{font-size:1.375rem}.image-container{height:150px}.content{padding:var(--space-4)}.description{font-size:1rem;margin-bottom:var(--space-4)}.timer{font-size:2rem}.cta-button{padding:var(--space-4) var(--space-3);font-size:1rem}}@media (min-width: 481px) and (max-width: 768px){.header{padding:var(--space-5) var(--space-5) var(--space-3)}h1{font-size:1.5rem}.image-container{height:180px}}@media (min-width: 769px){.card{border-radius:var(--radius-xl)}.header{padding:var(--space-8) var(--space-8) var(--space-4)}h1{font-size:2rem}.image-container{height:220px}.content{padding:var(--space-8)}}