html.startup-gate-mode,html.startup-gate-mode body{min-height:100%;overflow:hidden;background:#080b0f}
html.startup-gate-mode #app-shell{min-height:100vh}
html.startup-gate-mode #sidebar,html.startup-gate-mode .sidebar,html.startup-gate-mode #app-header,html.startup-gate-mode .topbar,html.startup-gate-mode .header,html.startup-gate-mode #role-switcher-bar{display:none!important}
html.startup-gate-mode .main-content,html.startup-gate-mode #main-content{margin:0!important;padding:0!important;width:100%!important;max-width:none!important}
html.startup-gate-mode #page-content{padding:0!important;margin:0!important;max-width:none!important;height:100vh;overflow:hidden}
html.startup-gate-mode #login-screen{background:radial-gradient(circle at 50% 20%,#202117 0,#0c0e11 48%,#07090c 100%)}
html.startup-gate-mode #login-screen .login-card{box-shadow:0 28px 80px rgba(0,0,0,.55);border-color:rgba(214,177,72,.35)}
.startup-login-copy{display:none;text-align:center;margin:-4px 0 24px}
html.startup-gate-mode .startup-login-copy{display:block}
.startup-login-copy h1{margin:0 0 6px;font-size:26px;color:var(--text-heading)}
.startup-login-copy p{margin:0;color:var(--text-muted);font-size:14px}
.startup-checkin{--sc-gold:#d7b652;position:relative;isolation:isolate;min-height:100vh;display:grid;place-items:center;padding:32px;color:#f6f4ec;background:radial-gradient(circle at 50% 15%,#25271c 0,#11151a 38%,#070a0e 78%);font-family:'Kumbh Sans',Arial,sans-serif}
.startup-checkin__ambient{position:absolute;z-index:-1;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(215,182,82,.07) 50%,transparent 65%);filter:blur(14px)}
.startup-checkin__card{width:min(680px,calc(100vw - 48px));min-height:720px;display:flex;flex-direction:column;padding:42px 52px;border:1px solid rgba(215,182,82,.28);border-radius:28px;background:linear-gradient(160deg,rgba(25,29,34,.97),rgba(11,14,18,.98));box-shadow:0 30px 100px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.04)}
.startup-checkin__brand{display:flex;align-items:center;gap:14px}
.startup-checkin__brand img{object-fit:contain;filter:drop-shadow(0 6px 15px rgba(0,0,0,.35))}
.startup-checkin__brand div{display:flex;flex-direction:column}.startup-checkin__brand strong{font-size:21px;letter-spacing:2.5px}.startup-checkin__brand span{font-size:9px;letter-spacing:2.1px;text-transform:uppercase;color:#9da3aa}
.startup-checkin__welcome{padding:56px 0 38px;text-align:center;border-bottom:1px solid rgba(255,255,255,.08)}
.startup-checkin__welcome p{margin:0 0 6px;color:var(--sc-gold);font-size:18px;font-weight:650}.startup-checkin__welcome h1{margin:0;font-size:clamp(36px,5vw,54px);line-height:1.1;letter-spacing:-1.5px}
.startup-checkin__welcome time{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:25px;color:#aab0b7}.startup-checkin__welcome time strong{font-size:30px;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:2px}
.startup-checkin__status{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px 0 10px}.startup-checkin__status h2{margin:16px 0 8px;font-size:28px}.startup-checkin__status p{max-width:460px;margin:0;color:#aeb4bb;line-height:1.55}.startup-checkin__status small{margin-top:17px;color:#777f87}
.startup-checkin__status .my-attendance__status{margin:20px 0 14px;font-size:14px}
.startup-checkin__status .my-attendance__live-card{width:100%;max-width:320px;margin:0 auto}
.startup-checkin__eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800;color:var(--sc-gold)}
.startup-checkin__action,.startup-checkin__retry{display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-top:30px;min-width:300px;min-height:62px;padding:15px 30px;border:0;border-radius:999px;font:inherit;font-size:17px;font-weight:800;cursor:pointer;transition:transform .18s,box-shadow .18s;background:linear-gradient(135deg,#e5c760,#c49b32);color:#15130c;box-shadow:0 14px 36px rgba(196,155,50,.22)}
.startup-checkin__action:hover,.startup-checkin__retry:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(196,155,50,.3)}.startup-checkin__action:focus-visible,.startup-checkin__retry:focus-visible{outline:3px solid #fff;outline-offset:4px}.startup-checkin__action i{font-size:25px}
.startup-checkin__retry{min-width:210px;min-height:52px;background:#252b31;color:#fff;border:1px solid #46505a;box-shadow:none}
.startup-checkin__spinner{width:50px;height:50px;border:4px solid rgba(215,182,82,.18);border-top-color:var(--sc-gold);border-radius:50%;animation:startup-spin .9s linear infinite}.startup-checkin__success,.startup-checkin__error-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;font-size:34px}.startup-checkin__success{color:#0b2419;background:#62d99b;box-shadow:0 0 0 10px rgba(98,217,155,.09)}.startup-checkin__error-icon{color:#ffb5aa;background:rgba(235,88,71,.14);border:1px solid rgba(235,88,71,.28)}
.startup-checkin>footer{position:absolute;bottom:18px;font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#626a72}
@keyframes startup-spin{to{transform:rotate(360deg)}}
@media(max-height:780px){.startup-checkin{padding:14px}.startup-checkin__card{min-height:calc(100vh - 28px);padding:24px 42px}.startup-checkin__welcome{padding:28px 0 20px}.startup-checkin>footer{display:none}}
@media(max-width:600px){.startup-checkin{padding:12px}.startup-checkin__card{width:100%;min-height:calc(100vh - 24px);padding:28px 22px;border-radius:22px}.startup-checkin__welcome{padding:36px 0 26px}.startup-checkin__action{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){.startup-checkin__spinner{animation-duration:1.8s}.startup-checkin__action,.startup-checkin__retry{transition:none}}