:root{color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#090807;color:#f6f1e7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.fundamentals-shell{min-height:100vh}
.fundamentals-gate{width:min(620px,calc(100% - 32px));margin:0 auto;padding:clamp(36px,8vh,84px) 0;text-align:center}
.fundamentals-gate .auth-brand{justify-content:center;text-align:left;margin-bottom:54px}
.fundamentals-gate h1{font-family:Georgia,serif;font-size:clamp(2rem,6vw,3.6rem);line-height:1.04;margin:10px 0 16px}
.fundamentals-gate .lead{max-width:540px;margin:0 auto;color:#c9c0b4;line-height:1.65}
.course-loader{width:42px;height:42px;border:3px solid rgba(229,183,73,.22);border-top-color:#e5b749;border-radius:50%;animation:spin 1s linear infinite;margin:28px auto}
@keyframes spin{to{transform:rotate(360deg)}}
.fundamentals-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}
.fundamentals-actions .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
@media(max-width:480px){.fundamentals-actions{display:grid}.fundamentals-actions .btn{width:100%}.fundamentals-gate{width:min(100% - 28px,620px)}}