:root{--bg: #0b0f14;--panel: #121821;--text: #e8eef6;--muted: #9fb3c8;--accent: #4cc9f0}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;background:#0b0b0b;color:var(--text)}.container{display:flex;flex-direction:column;min-height:100%}.main{flex:1}.center{display:grid;place-items:center;height:100vh}.logo-container{flex:0 0 auto;display:block;width:100%;background-color:#fff;padding:10px}.logo{display:block;width:50%;height:auto;margin:auto}.countdown-view{display:flex;flex-direction:column;justify-content:center;align-items:center;height:230px;background-color:#000}.countdown-background{flex:1;display:block;width:100%;flex-direction:column;background-size:cover;background-position:center;background-repeat:no-repeat;text-align:center}.countdown-header{font-size:60px;letter-spacing:2px;margin:0 0 5px;line-height:1}.countdown-container{width:100%;background-color:#000;text-align:center}.countdown{font-size:90px;letter-spacing:2px;margin:0;text-align:center;line-height:1}.hint{color:var(--muted)}.error{color:#ff6b6b}.status{color:#7ddc7a}.stack{display:grid;gap:16px;max-width:640px;margin:50px auto}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.card{background:var(--panel);padding:16px;border-radius:12px}.card>h2{margin-top:0}button,input{background:#1a2330;color:var(--text);border:1px solid #253141;border-radius:8px;padding:10px 14px;font-size:14px}button{cursor:pointer}button:hover{border-color:var(--accent)}button.secondary{background:transparent}input[type=number],input[type=datetime-local]{min-width:220px}