:root{--teal:#1a3c50;--blue:#0076a4;--olive:#7e963b;--green:#55a746;--bg:#f4f6f8;--bg-white:#fff;--text:#1a3c50;--text-light:#5a7185;--text-muted:#8fa3b3;--border:#e2e8ed;--radius:16px;--font-body:"DM Sans", system-ui, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh}#root{min-height:100vh}.page{flex-direction:column;max-width:1080px;min-height:100vh;margin:0 auto;padding:24px 24px 32px;display:flex}.header{align-items:center;padding:12px 0 24px;animation:.8s ease-out both fadeIn;display:flex}.header-logo{width:auto;height:36px}.main{flex-direction:column;flex:1;gap:20px;display:flex}.hero-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;padding:56px 48px;animation:.8s ease-out .1s both slideUp;display:flex}.status-pill{color:var(--green);background:#55a74614;border:1px solid #55a74633;border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:6px 16px;font-size:13px;font-weight:500;display:inline-flex}.status-dot{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero-title{letter-spacing:-.02em;color:var(--text-light);max-width:500px;margin-bottom:16px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:400;line-height:1.3}.hero-title strong{color:var(--text);font-weight:600}.hero-desc{color:var(--text-muted);max-width:420px;margin-bottom:40px;font-size:15px;font-weight:400;line-height:1.7}.clock{align-items:center;gap:12px;margin-bottom:40px;display:flex}.clock-block{background:var(--bg);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:72px;padding:12px 20px;display:flex}.clock-num{letter-spacing:2px;color:var(--text);font-variant-numeric:tabular-nums;font-size:28px;font-weight:500}.clock-label{letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);font-size:10px;font-weight:500}.clock-sep{color:var(--text-muted);margin-bottom:16px;font-size:24px;font-weight:300;animation:1s step-end infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.15}}.accent-bar{gap:5px;display:flex}.accent-bar span{border-radius:2px;width:40px;height:4px;transition:transform .25s}.accent-bar span:hover{transform:scaleY(2)}.cards-row{grid-template-columns:1fr 1fr;gap:20px;animation:.8s ease-out .25s both slideUp;display:grid}.info-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:32px}.card-heading{letter-spacing:2px;text-transform:uppercase;color:var(--blue);border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:12px;font-size:12px;font-weight:600}.card-list{flex-direction:column;gap:10px;list-style:none;display:flex}.card-list li{color:var(--text-light);padding-left:14px;font-size:14px;font-weight:400;position:relative}.card-list li:before{content:"";background:var(--border);border-radius:50%;width:5px;height:5px;position:absolute;top:8px;left:0}.card-list li:hover{color:var(--text)}.card-list li:hover:before{background:var(--blue)}.card-list.two-col{grid-template-columns:1fr 1fr;gap:10px;display:grid}.footer{text-align:center;color:var(--text-muted);padding:32px 0 0;font-size:13px;animation:.8s ease-out .4s both fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.page{padding:16px 16px 24px}.hero-card{padding:40px 24px}.cards-row,.card-list.two-col{grid-template-columns:1fr}.clock{gap:8px}.clock-block{min-width:60px;padding:10px 14px}.clock-num{font-size:22px}}
