/* Separate portal skin; shared markup, booking and API logic stay unchanged. */
:root{--ink:#182b46;--black:#182b46;--bg:#f2f6fb;--bg-warm:#eaf0f8;--yellow:#98dce8;--yellow-hot:#bcebf2;--yellow-deep:#1259a7;--accent:#1259a7;--accent-hover:#0b437f;--accent-soft:#e5effa;--line:#dbe4f0;--line-dark:#dbe4f0;--font-display:Outfit,Arial,sans-serif;--radius:14px;--shadow-sm:0 5px 18px #1834540c}
body{background:#f2f6fb;color:#182b46}.site-header{background:#fff;border-bottom:1px solid #dbe4f0}.logo-mark{border-radius:12px;background:#1259a7;color:white}.logo-x{color:#1259a7}
.hero{min-height:300px;background:#15365b;border-radius:0 0 28px 28px;align-items:center}.hero::before{background:radial-gradient(ellipse at right top,#2477ad 0,transparent 65%);animation:none;transform:none}.hero::after{display:none}.hero-inner{padding:38px 24px}.hero-brand{font-size:1.1rem;letter-spacing:.15em}.hero-brand .hx{color:#98dce8}.hero h1{font-size:clamp(2rem,4vw,3.2rem);font-weight:700;letter-spacing:-.03em;text-transform:none}.hero-lead{color:#e4edf7}.hero-cta{border-radius:8px;background:#98dce8;color:#123047}
.sidebar,.menu-card,.course-card{border-radius:14px;border:1px solid #dbe4f0;box-shadow:0 5px 18px #1834540c}.sidebar-title{background:#e8f0fa;border-bottom:0;color:#173b65;font-size:1.15rem;text-transform:none;letter-spacing:0}.sidebar-nav .sidebar-link.is-active{background:#1259a7;color:white}.content-head{border-color:#b7cde5}.site-footer{background:#e6eef8;color:#182b46}.site-footer a{color:#163e6a}.menu-card h3,.course-card h3{letter-spacing:0;text-transform:none}
.registration{margin:32px auto;background:#fff;border-radius:18px;border:1px solid #dbe4f0}.profile-card{border:1px solid #dbe4f0;border-top:3px solid #1259a7;border-radius:12px}.registration button{border-radius:8px;border-color:#1259a7;color:#1259a7}.registration button[type=submit],#access-guest{background:#1259a7;color:#fff}.registration a{color:#1259a7}#access-status:not(:empty){background:#edf4fc;border-radius:8px}
@media(max-width:620px){.hero{min-height:250px;border-radius:0 0 18px 18px}.hero-inner{padding:28px 18px}.registration{margin:0;border:0;border-radius:0}}