/* Dola Academy: polished training workspace. */
body{background:radial-gradient(ellipse at 85% 10%,#18344c 0,transparent 45%),radial-gradient(ellipse at 5% 50%,#132c3b 0,transparent 40%),#070e1b;background-attachment:fixed}
header{height:88px;padding:0 max(24px,calc((100vw - 1200px)/2));background:linear-gradient(110deg,#101f31,#09121f);border-bottom:1px solid #b59b5c55;box-shadow:0 5px 30px #0004}
header .brand{display:flex;align-items:center;gap:14px;letter-spacing:.18em;font-size:15px}
header .env{background:#142437;border-color:#345069;color:#b5c9db;letter-spacing:.06em;font-size:11px}
.wrap{max-width:1240px;padding:36px 24px 64px}
.learner-hub{padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;color:#edf3fa}
.learner-hub::after{display:none}
.learner-hub>.eyebrow{color:#e1c58d;font-size:11px;letter-spacing:.2em;margin:0 0 12px}
.learner-hub>h1{font-size:clamp(30px,4vw,52px);line-height:1.08;letter-spacing:-.04em;margin:0 0 22px;color:#f8fbff;font-weight:750}
.workspace-hero{position:relative;padding:32px 36px;margin:0 0 28px;border:1px solid #c6ae7855;border-radius:20px;background:linear-gradient(120deg,#23364c,#101e31 60%,#243744);box-shadow:inset 0 1px 0 #fff3,0 18px 50px #0003;overflow:hidden}
.workspace-hero::after{content:'';position:absolute;right:-50px;top:-120px;width:360px;height:360px;border:1px solid #d9c08b33;border-radius:50%;box-shadow:0 0 0 36px #d9c08b08,0 0 0 72px #d9c08b05;pointer-events:none}
.workspace-hero .eyebrow{color:#e6cc96;font-size:11px;letter-spacing:.2em;margin:0 0 12px}
.workspace-hero h2{position:relative;z-index:1;color:white;font-size:clamp(24px,3vw,36px);line-height:1.2;letter-spacing:-.025em;margin:0 0 12px;max-width:720px}
.workspace-hero p{position:relative;z-index:1;max-width:640px;color:#c1d0df;margin:0;line-height:1.65}
.learning-sequence{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.learning-sequence span{padding:8px 13px;border:1px solid #74899b55;border-radius:8px;color:#e6eef7;background:#09162666;font-size:12px;font-weight:700;letter-spacing:.03em}
.learning-sequence b{color:#f0cf8d;margin-right:7px}
.learner-hub .grid{gap:22px;margin:24px 0 32px}
.learner-hub .card{position:relative;border:1px solid #47617b66;border-top:1px solid #afc2d480;background:linear-gradient(145deg,#22354a,#132135 75%);border-radius:18px;padding:28px;box-shadow:inset 0 1px 0 #ffffff12,0 14px 32px #0003;color:#f4f7fc;display:flex;flex-direction:column;gap:8px}
.learner-hub .card h2{color:#f8fbff;font-size:25px;line-height:1.25;letter-spacing:-.025em;margin:5px 0 12px}
.learner-hub .card h3{color:#f8fbff}
.learner-hub .card p,.learner-hub>.small{color:#bdccdc;line-height:1.65}
.learner-hub .card .eyebrow{color:#dfc391;font-size:10px;letter-spacing:.17em;margin:0}
.learner-hub .academy-choice{border-color:#a9926055;background:linear-gradient(140deg,#263b50,#142236 65%)}
.learner-hub .academy-choice>.button{display:block;width:100%;margin:0;text-decoration:none;text-align:left;min-height:50px;white-space:normal;line-height:1.4}
.learner-hub .academy-choice>.recognition-open{order:3}
.learner-hub .academy-choice>.studio-open{order:4}
.learner-hub .academy-choice>.academy-open{order:5;margin-top:6px}
.learner-hub .button{position:relative;border-radius:9px;padding:13px 16px;font-size:14px;font-weight:700;transition:transform .16s,box-shadow .16s;border:1px solid #6686a355;min-height:48px}
.learner-hub .recognition-open{background:linear-gradient(110deg,#17463f,#21665d) !important;border-color:#549c8a99 !important;color:#edfff7 !important;box-shadow:inset 0 1px 0 #d3fff122 !important}
.learner-hub .studio-open{background:linear-gradient(110deg,#203f64,#2c5885) !important;border-color:#638ab4aa !important;color:#f1f7ff !important;box-shadow:inset 0 1px 0 #ffffff22 !important}
.learner-hub .academy-open{background:linear-gradient(110deg,#e7c889,#b7914b,#e6c582) !important;color:#172335 !important;border-color:#efdaac !important;box-shadow:inset 0 1px 0 #fff8,0 5px 18px #b6924922 !important}
.learner-hub .button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0004 !important}
.button:focus-visible,.link:focus-visible{outline:3px solid #ffda8a;outline-offset:4px}
.learner-hub .course-card{border-top:3px solid var(--course)}
.learner-hub .course-card .eyebrow{color:#c7d7e8}
.learner-hub .course-actions{gap:9px;padding-top:16px}
.learner-hub .course-actions .recognition-open{order:1;text-align:left}
.learner-hub .course-actions .studio-open{order:2;text-align:left}
.learner-hub .course-actions .course-open{order:3;margin-top:5px;text-align:left;border:1px solid #ffffff40;background:linear-gradient(115deg,var(--course),var(--course-deep)) !important;box-shadow:inset 0 1px 0 #ffffff33}
.learner-hub .notice{background:linear-gradient(115deg,#142b3a,#142337);color:#d9e7f3;border:1px solid #43617677;border-left:3px solid #d4b36f;border-radius:12px;padding:20px 24px;line-height:1.7;display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:14px}
.learner-hub .notice>.button{margin-left:auto;flex-shrink:0;background:#233c52;color:#ecf4fc}
.learner-hub .practicum-path{border-top:1px solid #47607966;padding-top:28px;margin-top:40px}
.learner-hub .practicum-path>.eyebrow{color:#ddc38f;letter-spacing:.15em}
.learner-hub .practicum-path>h2{font-size:24px;letter-spacing:-.02em}
@media(max-width:700px){header{height:76px;padding:0 18px}header .brand{font-size:12px;gap:8px}.wrap{padding:28px 16px 44px}.workspace-hero{padding:25px 22px;border-radius:16px}.learner-hub .grid{gap:16px}.learner-hub .card{padding:24px 20px}.learner-hub .card h2{font-size:24px}.learner-hub .notice{padding:18px}.learner-hub .notice>.button{margin-left:0;width:100%}.learner-hub .button{font-size:14px}.learning-sequence{gap:7px}.learning-sequence span{font-size:11px;padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.learner-hub .button{transition:none}.learner-hub .button:hover{transform:none}}
@media print{.learner-hub,.learner-hub .card{background:white;color:#142335;box-shadow:none}.learner-hub .card p{color:#142335}}

.academy-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:24px 0 32px}@media(max-width:700px){.academy-choices{grid-template-columns:1fr;gap:16px}}