:root{--blue: #3b6ff5;--blue-dark: #1f4fd1;--blue-light: #c9d8ff;--blue-pale: #eaf0ff;--ink: #263238;--text: #1e293b;--muted: #64748b;--bg: #f4f6fb;--white: #ffffff}*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 85% 15%,var(--blue-pale) 0,transparent 40%),radial-gradient(circle at 10% 90%,var(--blue-pale) 0,transparent 35%),var(--bg);display:flex;flex-direction:column}header{padding:24px 32px;display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.15rem}main{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:16px 32px 48px;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:48px}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--blue-pale);color:var(--blue-dark);border-radius:99px;font-size:.85rem;font-weight:600;margin-bottom:20px}.badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--blue);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.3;transform:scale(.7)}}h1{font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.1;letter-spacing:-.03em;margin-bottom:18px}h1 span{color:var(--blue)}.lead{font-size:1.1rem;line-height:1.65;color:var(--muted);margin-bottom:30px;max-width:480px}.countdown{display:flex;gap:12px;margin-bottom:30px}.countdown div{background:var(--white);border-radius:14px;padding:12px 0;width:76px;text-align:center;box-shadow:0 6px 20px #3b6ff51a}.countdown strong{display:block;font-size:1.6rem;color:var(--blue);font-variant-numeric:tabular-nums}.countdown small{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.progress-head{display:flex;justify-content:space-between;font-size:.9rem;font-weight:600;margin-bottom:8px;max-width:420px}.progress-head span:last-child{color:var(--blue)}.progress{height:10px;max-width:420px;background:var(--blue-light);border-radius:99px;overflow:hidden;margin-bottom:32px}.progress-bar{height:100%;width:0;border-radius:99px;background:repeating-linear-gradient(45deg,var(--blue) 0 10px,var(--blue-dark) 10px 20px);background-size:28px 28px;animation:stripes 1s linear infinite;transition:width 1.6s cubic-bezier(.2,.8,.2,1)}@keyframes stripes{to{background-position:28px 0}}.actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:12px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s}.btn-primary{background:var(--blue);color:var(--white);box-shadow:0 8px 24px #3b6ff559}.btn-secondary{background:var(--white);color:var(--text);box-shadow:0 4px 14px #0000000f}.btn:hover{transform:translateY(-2px)}.illustration svg,.illustration img{width:100%;height:auto;display:block}.gear{transform-box:fill-box;transform-origin:center;animation:spin 10s linear infinite}.gear.rev{animation-direction:reverse;animation-duration:7s}@keyframes spin{to{transform:rotate(360deg)}}.load{animation:lower 4s ease-in-out infinite}@keyframes lower{0%,to{transform:translateY(0)}50%{transform:translateY(18px)}}.shimmer{animation:shimmer 2.4s ease-in-out infinite}@keyframes shimmer{50%{opacity:.45}}.float{animation:float 5s ease-in-out infinite}@keyframes float{50%{transform:translateY(-8px)}}footer{text-align:center;padding:20px;font-size:.85rem;color:var(--muted)}@media(max-width:860px){main{grid-template-columns:1fr;text-align:center;gap:24px;padding:8px 16px 40px}header{padding:20px 16px;justify-content:center}.illustration{order:-1;max-width:480px;margin:0 auto}.lead,.progress-head,.progress{margin-left:auto;margin-right:auto}.countdown,.actions{justify-content:center}.badge{margin-left:auto;margin-right:auto}}@media(max-width:400px){.countdown div{width:64px}}@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;transition:none!important}}