:root{color-scheme:dark;--access-bg: #07090c;--access-bg-soft: #10151b;--access-panel: rgba(18, 22, 28, .94);--access-panel-strong: #161b22;--access-line: #303944;--access-text: #f8fafc;--access-muted: #b8c1cc;--access-soft: #8f9aa7;--access-red: #e21e36;--access-red-strong: #b80f26;--access-yellow: #ffd21c;--access-yellow-label: #ffd21c;--access-yellow-text: #17140a;--access-shadow: 0 30px 90px rgba(0, 0, 0, .42);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-appearance=light]{color-scheme:light;--access-bg: #f2f3f5;--access-bg-soft: #e7e9ed;--access-panel: rgba(255, 255, 255, .96);--access-panel-strong: #ffffff;--access-line: #c7cdd5;--access-text: #11151a;--access-muted: #46505b;--access-soft: #626d79;--access-red: #c9152d;--access-red-strong: #a40f24;--access-yellow: #f0bd00;--access-yellow-label: #7a5b00;--access-yellow-text: #17140a;--access-shadow: 0 28px 70px rgba(31, 38, 46, .16)}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}.access-page-body{background:var(--access-bg);color:var(--access-text)}.access-page-shell{min-height:100vh;padding:clamp(18px,4vw,52px);background:linear-gradient(180deg,rgba(226,30,54,.94) 0 11px,transparent 11px),radial-gradient(circle at 10% 4%,rgba(226,30,54,.22),transparent 30rem),radial-gradient(circle at 92% 8%,rgba(255,210,28,.13),transparent 25rem),linear-gradient(145deg,var(--access-bg),var(--access-bg-soft))}.access-page{width:min(1080px,100%);margin:0 auto;padding:clamp(22px,5vw,54px);border:1px solid var(--access-line);border-radius:30px;background:var(--access-panel);box-shadow:var(--access-shadow)}.access-brand{display:flex;align-items:center;gap:16px}.access-brand img{width:72px;height:72px;padding:4px;border:1px solid rgba(255,210,28,.62);border-radius:18px;background:#fff;object-fit:contain}.access-brand div{display:grid;gap:4px}.access-brand span,.access-eyebrow,.access-option-copy>span{color:var(--access-yellow-label);font-size:.78rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.access-brand b{font-size:1.18rem}.access-heading{max-width:760px;margin:clamp(42px,7vw,72px) 0 clamp(30px,5vw,48px)}.access-heading h1{max-width:700px;margin:12px 0 16px;font-size:clamp(2.45rem,7vw,5rem);line-height:.96;letter-spacing:-.055em}.access-heading p,.access-option p,.access-help p{color:var(--access-muted);line-height:1.6}.access-heading p{max-width:650px;margin:0;font-size:clamp(1rem,2vw,1.15rem)}.access-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.access-option{display:flex;min-width:0;flex-direction:column;padding:clamp(22px,4vw,34px);border:1px solid var(--access-line);border-radius:24px;background:var(--access-panel-strong)}.access-option-management{box-shadow:inset 0 4px 0 var(--access-red)}.access-option-employee{box-shadow:inset 0 4px 0 var(--access-yellow)}.access-role-mark{display:grid;width:48px;height:48px;margin-bottom:28px;place-items:center;border-radius:15px;background:var(--access-red);color:#fff;font-size:1.15rem;font-weight:950}.access-option-employee .access-role-mark{background:var(--access-yellow);color:var(--access-yellow-text)}.access-option-copy{flex:1}.access-option h2{margin:8px 0 12px;font-size:clamp(1.55rem,3vw,2.05rem);line-height:1.08;letter-spacing:-.035em}.access-option p{margin:0 0 26px}.access-button{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-radius:14px;color:#fff;font-weight:900;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.access-button-management{background:var(--access-red)}.access-button-management:hover{background:var(--access-red-strong)}.access-button-employee{background:var(--access-yellow);color:var(--access-yellow-text)}.access-button-employee:hover{background:#ffdc45}.access-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0003}.access-button:focus-visible{outline:3px solid var(--access-text);outline-offset:4px}.access-button span{font-size:1.35rem}.access-option small{display:block;margin-top:14px;color:var(--access-soft);line-height:1.45}.access-help{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:start;margin-top:22px;padding:18px 20px;border:1px solid var(--access-line);border-radius:16px;background:color-mix(in srgb,var(--access-panel-strong) 76%,transparent)}.access-help b{color:var(--access-text)}.access-help p{margin:0}.access-page footer{padding-top:28px;color:var(--access-soft);font-size:.86rem;text-align:center}@media(max-width:760px){.access-page-shell{padding:14px}.access-page{padding:24px 18px;border-radius:22px}.access-brand img{width:58px;height:58px;border-radius:14px}.access-brand span{font-size:.68rem}.access-heading{margin:38px 0 28px}.access-heading h1{font-size:clamp(2.35rem,13vw,3.4rem)}.access-options{grid-template-columns:minmax(0,1fr)}.access-role-mark{margin-bottom:22px}.access-help{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.access-button{transition:none}}