:root{--ink:#17384a;--muted:#667d86;--orange:#ef5b2a;--orange-dark:#d64619;--line:#d8e2df;--paper:#fffdfa}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 12% 0,#ffe2cd,transparent 29%),linear-gradient(135deg,#f7f3ec,#edf4f1);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.shell,body{min-height:100vh}.shell{width:min(1100px,100%);margin:auto;padding:38px}.login-shell>.brand{margin-bottom:70px}.brand{display:flex;align-items:center;gap:12px}.brand>b{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--orange);color:#fff;font-size:21px;box-shadow:0 10px 24px #f15a2938}.brand div{display:grid;text-align:left}.brand small{letter-spacing:.16em;color:var(--muted)}.brand strong{font-size:19px}.card{padding:34px;border:1px solid #ffffffd9;border-radius:25px;background:#fffffff2;box-shadow:0 22px 60px #17384a12}.login-card{width:min(520px,100%);padding:44px}.eyebrow{margin:0 0 9px;color:var(--orange)!important;font-size:12px!important;font-weight:800;letter-spacing:.15em}.login-card h1,.page-title h1{margin:0 0 14px;font-size:clamp(38px,6vw,62px);line-height:1}.card>p,.login-card>p,.page-title p{color:var(--muted);font-size:17px;line-height:1.55}form{gap:14px;margin-top:27px}form,label{display:grid}label{gap:7px;font-size:14px;font-weight:600}input{min-height:52px;padding:0 16px;border:1px solid #b9cbca;border-radius:13px;background:#fff;color:var(--ink);font:inherit;font-size:16px}input:focus{outline:3px solid #f15a2925;border-color:var(--orange)}input[readonly]{background:#f1f4f2;color:var(--muted)}button{min-height:50px;padding:0 22px;border:0;border-radius:13px;background:var(--orange);color:#fff;font:inherit;font-weight:800;cursor:pointer}button:hover{background:var(--orange-dark)}button:disabled{opacity:.55}.app-shell{min-height:100vh}.sticky-header{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;height:78px;padding:0 max(24px,calc((100vw - 1100px)/2));border-bottom:1px solid #d8e2dfcc;background:#fffdf9ed;backdrop-filter:blur(18px)}.brand-button{min-height:0;padding:0;color:inherit}.brand-button,.brand-button:hover{background:transparent}.account{position:relative}.avatar{display:grid;place-items:center;width:46px;height:46px;min-height:46px;padding:0;border-radius:50%;background:var(--ink);font-size:15px}.account-menu{position:absolute;right:0;top:56px;display:grid;width:240px;padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 20px 55px #17384a24}.account-menu small,.account-menu strong{padding:3px 8px;overflow:hidden;text-overflow:ellipsis}.account-menu small{margin-bottom:10px;color:var(--muted)}.account-menu button{min-height:43px;text-align:left;background:transparent;color:var(--ink)}.account-menu button:hover{background:#fff0e7}.content{width:min(1100px,100%);margin:auto;padding:58px 38px 80px}.page-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.page-title>div>p:last-child{margin-bottom:0}.back{min-height:42px;margin-bottom:34px;padding:0;color:var(--ink);text-decoration:underline;text-underline-offset:4px}.back,.back:hover{background:transparent}.back:hover{color:var(--orange)}.course-list{display:grid;gap:18px}.course-card{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:28px 30px;border:1px solid #ffffffd9;border-radius:22px;background:#fffffff2;box-shadow:0 14px 40px #17384a0e}.course-card h2{margin:5px 0;font-size:18px;font-weight:600;line-height:1.35}.course-card p{margin:0;color:var(--muted)}dl{display:grid;gap:15px;margin:0}dl div{padding-bottom:12px;border-bottom:1px solid var(--line)}dt{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}dd{margin:5px 0 0;font-size:16px;font-weight:700}.empty{text-align:center;padding:60px 28px}.empty h2{font-size:28px}.empty button{margin-top:12px}.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.scan-card{text-align:center}.card h2,.scan-card h2{margin:9px 0;font-size:26px}.scan-icon{display:grid;place-items:center;width:74px;height:74px;margin:auto;border-radius:22px;background:#fff0e7;color:var(--orange);font-size:48px}.scanner{position:relative;overflow:hidden;aspect-ratio:4/3;margin-bottom:18px;border-radius:18px;background:#172d32}.scanner video{width:100%;height:100%;object-fit:cover}.scanner i{position:absolute;inset:17%;border:3px solid var(--orange);border-radius:18px;box-shadow:0 0 0 999px #0006}.quiet{border:1px solid var(--line);background:#fff;color:var(--ink)}.notice{margin:22px 0;padding:15px 18px;border-left:4px solid var(--orange);border-radius:4px 12px 12px 4px;background:#fff0e7;line-height:1.5}.result{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;margin-top:22px}.result button{margin-top:16px}.profile-card{max-width:720px}.profile-card form{grid-template-columns:1fr 1fr}.profile-card form button,.profile-card form label:last-of-type{grid-column:1/-1}@media(max-width:740px){.shell{padding:22px}.login-shell>.brand{margin-bottom:42px}.card,.login-card{padding:25px;border-radius:22px}.sticky-header{height:70px;padding:0 18px}.sticky-header .brand small{display:none}.sticky-header .brand>b{width:42px;height:42px}.content{padding:42px 20px 70px}.page-title{align-items:start;flex-direction:column}.page-title h1{font-size:42px}.course-card,.grid,.profile-card form,.result{grid-template-columns:1fr}.course-card{padding:24px}.account-menu{right:-3px;width:min(260px,calc(100vw - 36px))}.profile-card form button,.profile-card form label{grid-column:1}.page-title>button{width:100%}}.portal-layout{display:grid;grid-template-columns:220px minmax(0,1fr);width:min(1180px,100%);margin:auto}.side-nav{position:sticky;top:78px;align-self:start;display:grid;gap:6px;padding:42px 20px 42px 0}.nav-button{min-height:44px;padding:0 15px;text-align:left;border-radius:10px;background:transparent;color:var(--muted);font-weight:600}.nav-button.active,.nav-button:hover{background:#fff0e7;color:var(--ink)}.portal-layout .content{width:100%;padding-left:32px}.learning-title{margin-bottom:26px}.coming-soon h1,.learning-title h1{margin:0;font-size:30px;font-weight:600}.course-status{font-size:12px!important;color:var(--orange)!important;font-weight:600}.add-course-end{justify-self:start;margin-top:4px;background:#fff;color:var(--ink);border:1px solid var(--line);font-weight:600}.add-course-end:hover{background:#fff0e7}.coming-soon{display:grid;gap:22px}.coming-soon>.eyebrow{margin-bottom:-15px}.coming-soon>.card{max-width:650px}.coming-soon>.card h2{font-size:20px;font-weight:600}.mobile-nav{display:none}@media(max-width:740px){body{padding-bottom:72px}.portal-layout{display:block}.side-nav{display:none}.portal-layout .content{padding-left:20px}.learning-title{margin-bottom:22px}.learning-title h1{font-size:26px}.course-card h2{font-size:17px}.course-card dl{margin-top:8px}.add-course-end{width:100%}.mobile-nav{position:fixed;z-index:30;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);height:68px;padding:7px 7px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff}.mobile-nav .nav-button{min-height:48px;padding:0 3px;text-align:center;font-size:11px;border-radius:9px}.profile-card label{font-weight:500}.profile-card input{font-weight:400}}.add-course-panel{display:grid;gap:14px;max-width:680px}.manual-toggle{justify-self:center;min-height:38px;background:transparent;color:var(--ink);font-weight:500;text-decoration:underline;text-underline-offset:4px}.manual-toggle:hover{background:transparent;color:var(--orange)}.manual-form{grid-template-columns:1fr auto;margin-top:0;padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff}.manual-form button{min-width:145px}.scan-card>p{display:none}@media(max-width:740px){.manual-form{grid-template-columns:1fr}.manual-form button{width:100%}}.login-card>h1{margin-bottom:8px}.login-tagline{margin:0 0 28px!important;font-size:18px!important}.login-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:12px;background:#edf2f0}.login-tabs button{min-height:42px;background:transparent;color:var(--muted);font-weight:600}.login-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 2px 8px #17384a12}.link-login{width:100%;margin-top:15px;background:transparent;color:var(--ink);font-weight:500;text-decoration:underline;text-underline-offset:4px}.link-login:hover{background:transparent;color:var(--orange)}.security-section{display:grid;gap:18px;margin-top:34px;padding-top:30px;border-top:1px solid var(--line)}.security-section h2{margin:0;font-size:20px;font-weight:600}.security-section p{margin:7px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.security-section form{margin-top:0}.security-section form button{grid-column:1/-1}@media(max-width:740px){.login-card>h1{font-size:34px}.security-section form button{grid-column:1}}.qr-illustration{position:relative;width:66px;height:66px;margin:0 auto 18px;border:2px solid var(--ink);border-radius:8px;background:linear-gradient(90deg,transparent 42%,var(--ink) 42% 58%,transparent 58%),linear-gradient(transparent 42%,var(--ink) 42% 58%,transparent 58%)}.qr-illustration i{position:absolute;width:15px;height:15px;border:3px solid var(--ink);background:#fff}.qr-illustration i:first-child{top:7px;left:7px}.qr-illustration i:nth-child(2){top:7px;right:7px}.qr-illustration i:nth-child(3){bottom:7px;left:7px}.qr-illustration i:nth-child(4){right:10px;bottom:10px;width:8px;height:8px;border:0;background:var(--orange)}.profile-card>form{grid-template-columns:1fr;max-width:620px}.profile-card>form button,.profile-card>form label{grid-column:1}.profile-card>form button{justify-self:start;min-width:160px}.security-card{max-width:650px}.security-card form{grid-template-columns:1fr 1fr}.security-card form button{grid-column:1/-1;justify-self:start}.account-menu button{font-weight:500}@media(max-width:740px){.profile-card>form button,.security-card form button{width:100%}.security-card form{grid-template-columns:1fr}.security-card form button{grid-column:1}}.password-field{position:relative}.password-field input{width:100%;padding-right:76px}.password-field button{position:absolute;top:6px;right:6px;min-height:40px;padding:0 13px;background:transparent;color:var(--ink);font-weight:600}.password-field button:hover{background:#fff0e7}.compact-title h1{font-size:36px}.close-view{align-self:start;min-height:42px;background:#fff;color:var(--ink);border:1px solid var(--line);font-weight:600}.close-view:hover{background:#fff0e7}@media(max-width:740px){.compact-title{width:100%;display:grid;grid-template-columns:1fr auto;align-items:start}.compact-title>div{min-width:0}.compact-title h1{font-size:30px}.compact-title .close-view{width:auto}.compact-title>div>p:last-child{grid-column:1/-1}}