:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#14191f;color:#d3dae3;--accent:#d77b36;--muted:#929daa;--border:#2b333e}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{min-height:100svh;display:flex;flex-direction:column;background:linear-gradient(#14191f,#161c23)}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
::selection{background:#ad602a;color:#fff}
.skip-link{position:absolute;left:16px;top:-70px;padding:10px 15px;background:var(--accent);color:#111;z-index:5}
.skip-link:focus{top:12px}
.site-header{height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1100px)/2));border-bottom:1px solid var(--border);background:#11161c}
.site-name{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:600;letter-spacing:-.25px}
.site-name img{display:block}
.header-signin{font-size:14px;color:#c0c9d4;padding:9px 14px;border-radius:5px}
.header-signin:hover{background:#252d38}
main{flex:1;display:flex;align-items:center;width:100%;max-width:1160px;margin:0 auto;padding:76px 28px 110px}
.welcome{width:100%;max-width:580px;margin:0}
h1{font-size:clamp(34px,4.5vw,48px);line-height:1.2;font-weight:600;letter-spacing:-1.5px;margin:0 0 16px}
.intro{font-size:17px;line-height:1.7;color:var(--muted);margin:0}
figure{margin:42px 0 36px;padding:2px 0 2px 22px;border-left:2px solid var(--accent);max-width:610px}
blockquote{font-size:19px;line-height:1.8;color:#c5ced9;margin:0;font-weight:400}
figcaption{font-size:14px;color:var(--muted);margin-top:17px}
.signin-button{display:inline-block;font-size:14px;font-weight:600;padding:11px 24px;border-radius:5px;background:var(--accent);border:1px solid #e58b49;color:#15191f;transition:background .15s}
.signin-button:hover{background:#e88c48}
.access-note{font-size:12px;color:#8793a2;margin:13px 0 0}
footer{border-top:1px solid var(--border);padding:23px 24px;text-align:center;font-size:12px;color:#85909f;background:#11161c}
@media(max-width:600px){.site-header{height:61px;padding:0 20px}main{padding:64px 25px 78px;align-items:flex-start}h1{letter-spacing:-1px}figure{margin:34px 0 31px;padding-left:18px}blockquote{font-size:17px;line-height:1.8}.intro{font-size:15px}footer{font-size:11px}}
@media(prefers-reduced-motion:reduce){.signin-button{transition:none}}
.site-header,main,footer{position:relative;z-index:1}
.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 83% 56%,#292c2f66,transparent 48%)}
.ambient:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#14191ff2 6%,#14191fd9 43%,#14191f12 78%)}
.door-frame{position:absolute;right:8%;top:50%;width:315px;height:570px;transform:translateY(-46%) perspective(1400px) rotateY(-9deg);border:1px solid #8c694547;background:#12171d;box-shadow:14px 5px 48px #0005,inset 0 0 0 10px #1a2026,inset 0 0 0 11px #4b41344d}
.door-panel{position:absolute;inset:15px 13px 0 16px;border:1px solid #c17d432d;background:linear-gradient(90deg,#1a2026,#1d2329 70%,#20242a 96%,#7a512e 100%);box-shadow:inset -1px 0 #cd8d5580}
.door-panel:after{content:"";position:absolute;inset:32px;border:1px solid #a8a09208}
.door-handle{position:absolute;top:52%;right:19px;width:3px;height:29px;border-radius:2px;background:#bd8c5f;box-shadow:3px 2px 6px #0008}
.door-light{position:absolute;left:-20px;right:-35px;bottom:-32px;height:45px;background:radial-gradient(ellipse at 50% 0%,#ce85454d,transparent 65%);filter:blur(5px)}
@media(min-width:1500px){.door-frame{right:13%;height:610px;width:340px}}
@media(max-width:1000px){.door-frame{right:-65px;opacity:.6}.ambient:after{background:linear-gradient(90deg,#14191ff2,#14191fbf 60%,#14191f33)}}
@media(max-width:600px){.door-frame{right:-165px;height:510px;width:280px;opacity:.42;top:48%}.ambient:after{background:linear-gradient(90deg,#14191ff0,#14191fc4 58%,#14191f44)}}