*{box-sizing:border-box}body{margin:0;background:#f4f6f5;color:#17302b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{height:68px;background:#fff;border-bottom:1px solid #dfe7e4;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1100px)/2))}.brand{font-weight:800;color:var(--brand);text-decoration:none;font-size:1.2rem}.link-button{border:0;background:none;color:#52635f;cursor:pointer}.shell{max-width:1100px;margin:auto;padding:48px 24px 80px}.hero{display:flex;justify-content:space-between;gap:32px;align-items:end}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:800;color:var(--brand)}h1{font-size:clamp(2rem,5vw,4rem);line-height:1;margin:.2em 0}.muted{color:#667773}.countdown{background:#fff;padding:22px 26px;border-radius:18px;box-shadow:0 10px 35px rgba(22,48,43,.07);min-width:245px}.countdown strong,.countdown span{display:block}.countdown strong{font-size:1.35rem}.countdown span{color:#71807d;margin-top:4px}.checkin-card{margin:36px 0;background:linear-gradient(135deg,var(--brand),#174d43);padding:34px;border-radius:24px;color:white;text-align:center;box-shadow:0 18px 50px rgba(31,111,95,.22)}.life-button{border:0;border-radius:999px;background:#fff;color:var(--brand);padding:20px 34px;font-size:1.2rem;font-weight:800;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.15)}.life-button:hover{transform:translateY(-1px)}.life-button span{font-size:1.5rem;margin-right:8px}.checkin-card p{margin-bottom:0;opacity:.8}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.history,.login-card{background:#fff;border:1px solid #e0e7e5;border-radius:18px;padding:24px}.card span,.card strong{display:block}.card span{color:#71807d;font-size:.9rem;margin-bottom:8px}.card strong{font-size:1.15rem}.history{margin-top:18px}.history h2{margin-top:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid #e8edeb;font-size:.9rem}.device{max-width:360px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-card{max-width:460px;margin:8vh auto;padding:36px}.stack{display:grid;gap:18px}.stack label{display:grid;gap:7px;font-weight:700}.stack input{width:100%;padding:13px;border:1px solid #cbd7d3;border-radius:10px;font-size:1rem}.primary{background:var(--brand);color:#fff;border:0;border-radius:10px;padding:14px;font-weight:800;cursor:pointer}.error{background:#fff0f0;color:#8d2525;padding:12px;border-radius:10px}@media(max-width:760px){.hero{display:block}.countdown{margin-top:22px}.grid{grid-template-columns:1fr}.shell{padding-top:30px}.life-button{width:100%}}