:root{--navy:#142f52;--sand:#b49177;--cream:#f8f4ee;--aqua:#d9ebe7;--sun:#efb65d;--plum:#743f55}
body{background:radial-gradient(circle at 8% 4%,#eef7f4 0,transparent 28%),var(--cream)}
.portal-top{height:82px;padding:0 34px;border-bottom:0;box-shadow:0 8px 35px rgba(20,47,82,.07);position:sticky;top:0;z-index:20}.portal-top>img{width:105px}.portal-top nav a{border:0;background:#f4f1ec;transition:.2s}.portal-top nav a:hover{background:var(--navy);color:#fff;transform:translateY(-1px)}.portal-top .quiet{border:0;background:transparent;color:#7d8582}
.portal-main{max-width:1240px;padding:34px 28px 70px}.hero{min-height:370px;align-items:stretch;padding:0;overflow:hidden;position:relative;background:linear-gradient(120deg,#173454 0%,#1c4964 62%,#276b64 100%);box-shadow:0 28px 70px rgba(20,47,82,.18)}.hero:before{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(255,255,255,.12);border-radius:50%;left:-180px;top:-240px}.hero:after{content:"NL";position:absolute;left:42px;bottom:-55px;color:rgba(255,255,255,.035);font:230px/1 var(--display);font-weight:800}.hero-copy{position:relative;z-index:2;align-self:center;padding:48px 30px 44px 52px}.hero h1{max-width:670px;margin:13px 0 16px;font-size:48px;line-height:1.04}.hero p{max-width:650px;font-size:15px}.course-facts{display:flex;gap:9px;margin-top:30px}.course-facts span{padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:30px;background:rgba(255,255,255,.09);font-size:10px;font-weight:700}.course-person{width:340px;min-width:340px;position:relative;overflow:hidden;background:linear-gradient(180deg,#d9c5b3,#b49177)}.portrait-frame{height:100%;overflow:hidden}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center 22%;transform:scale(1.01)}.course-person:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(20,47,82,.35))}.course-mark{position:absolute!important;z-index:2;right:20px!important;bottom:18px!important;width:92px!important;height:92px!important;object-fit:contain;border-radius:22px;background:rgba(255,255,255,.94);padding:9px;box-shadow:0 14px 30px rgba(20,47,82,.24)}
.stat-grid,.action-grid{gap:18px;margin-top:26px}.stat-grid article,.action-grid>*{border:0;border-radius:20px;box-shadow:0 14px 45px rgba(20,47,82,.07);transition:.2s}.stat-grid article:hover,.action-grid>*:hover{transform:translateY(-3px);box-shadow:0 18px 55px rgba(20,47,82,.12)}.stat-grid article:nth-child(1){background:#fff}.stat-grid article:nth-child(2){background:#edf6f3}.stat-grid article:nth-child(3){background:#f8ece7}.stat-grid article:nth-child(4){background:#f1edf5}.stat-grid strong{color:var(--navy)}.panel{border:0;border-radius:22px;box-shadow:0 18px 55px rgba(20,47,82,.07)}.avatar{background:var(--navy);color:#fff}.progress-pill{background:var(--navy);color:#fff}.lesson-list>article>span{background:var(--aqua);color:var(--navy);font-weight:800}
.login-page{background:linear-gradient(135deg,#e9f3f0,#f5eee5 60%,#e8d7ca)}.login-shell{width:min(1080px,100%);min-height:660px;border:8px solid rgba(255,255,255,.55);box-shadow:0 40px 120px rgba(20,47,82,.22)}.brand-panel{position:relative;overflow:hidden;background:linear-gradient(145deg,#142f52,#1c5268);padding:48px}.brand-panel:after{content:"";position:absolute;width:380px;height:380px;border:1px solid rgba(255,255,255,.12);border-radius:50%;left:-190px;top:-170px}.brand-panel .platform-logo{position:relative;z-index:2;width:125px}.brand-panel h1{position:relative;z-index:2;font-size:52px}.brand-panel>p{position:relative;z-index:2;margin-bottom:18px}.login-mentor{height:205px;position:relative;z-index:2;margin:2px -48px -3px;overflow:hidden}.login-mentor .mentor-photo{width:100%;height:100%;object-fit:cover;object-position:center 27%;filter:saturate(.88)}.login-mentor:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,47,82,.5),transparent 55%)}.login-mentor .mentor-mark{position:absolute;z-index:2;right:25px;bottom:18px;width:75px;height:75px;object-fit:contain;padding:8px;border-radius:18px;background:#fff;box-shadow:0 12px 25px #10284455}.brand-panel>span{position:relative;z-index:2;margin-top:22px}.login-card{padding:70px}.login-card h2{font-size:44px;color:var(--navy)}.login-card input{border:0;background:#f4f1ec;padding:15px}.login-card input:focus{outline:2px solid #7eb0a8;background:#fff}.login-card button{padding:15px;background:linear-gradient(90deg,var(--navy),#276b64);box-shadow:0 12px 25px rgba(20,47,82,.18)}
.editor-course-mark{width:72px;height:72px;object-fit:contain;margin:0 7px 16px;padding:7px;border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(20,47,82,.1)}.module-rail{background:linear-gradient(180deg,#fbfaf8,#edf5f2)}.public-site-link,.topbar .site-link{padding:9px 12px;border-radius:9px;background:var(--navy);color:#fff;text-decoration:none;font-size:10px;font-weight:800;white-space:nowrap}
@media(max-width:820px){.portal-top{padding:0 14px}.portal-main{padding:16px 12px 50px}.hero{min-height:0;display:block}.hero-copy{padding:30px 24px}.hero h1{font-size:34px}.course-person{width:100%;height:230px}.course-mark{width:72px!important;height:72px!important}.course-facts{flex-wrap:wrap}.login-shell{border-width:4px}.brand-panel{min-height:420px}.login-mentor{margin-left:-30px;margin-right:-30px}.login-card{padding:38px}.editor-course-mark{display:none}}