/* AlinLearning v5.5 — original visual system: Aurora Ink + Tangerine Signal */
:root{
  --al-ink:#071525;--al-ink-2:#0d1d32;--al-paper:#f7f9fc;--al-white:#fff;
  --al-cyan:#22d3ee;--al-teal:#14b8a6;--al-orange:#ff7a18;--al-coral:#ff4d6d;
  --al-violet:#7c5cff;--al-lilac:#a78bfa;--al-line:#dbe4ef;
  --al-shadow:0 20px 60px rgba(7,21,37,.10);--al-shadow-sm:0 8px 24px rgba(7,21,37,.07)
}
body{background:var(--al-paper)}
/* Global polish without replacing legacy classes */
.btn-accent{background:linear-gradient(135deg,var(--al-orange),var(--al-coral));border:0;box-shadow:0 12px 28px rgba(255,92,61,.22)}
.btn-accent:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(255,92,61,.28)}
.header{background:rgba(7,21,37,.94)!important;backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}
.logo-text span:last-child{color:#fff!important}
.grad-text{background:linear-gradient(90deg,var(--al-orange),var(--al-cyan));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
/* Course page */
.course-detail-modern{background:radial-gradient(circle at 75% 15%,rgba(34,211,238,.18),transparent 30%),radial-gradient(circle at 10% 10%,rgba(124,92,255,.28),transparent 32%),linear-gradient(135deg,#061426,#10274a 56%,#201b4a)!important;padding:6.5rem 0 3.2rem!important}
.course-detail-modern .ch-grid{align-items:start}
.course-detail-modern .ch-left{padding-top:.5rem;max-width:820px}
.course-detail-modern .ch-left h1{font-size:clamp(2.25rem,4.6vw,4.3rem);line-height:1.04;letter-spacing:-.04em;max-width:820px;margin:.8rem 0 1rem}
.ch-description{max-width:760px;font-size:1.08rem;line-height:1.8!important;color:rgba(255,255,255,.82)!important}
.ch-highlights{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.1rem 0}.ch-highlights span{padding:.55rem .8rem;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.06);border-radius:999px;color:#e7eef8;font-size:.78rem}
.ch-highlights i{color:var(--al-cyan);margin-right:.35rem}
.course-detail-modern .ch-right{position:sticky;top:92px}
.course-detail-modern .c-card{background:#fff!important;border-radius:24px!important;overflow:hidden!important;box-shadow:0 28px 70px rgba(0,0,0,.32)!important}
.course-detail-modern .c-card::after{display:none}
.course-detail-modern .c-card-img{height:240px!important;background-position:center!important}
.course-detail-modern .c-card-body{padding:1.25rem 1.25rem 1.35rem!important}
.purchase-note{border:1px solid #e5eaf1!important;background:#f7fafc!important;color:#475569!important}
.c-price{display:flex;align-items:baseline;gap:.55rem;flex-wrap:wrap}.now-big{font-size:2rem!important;color:var(--al-orange)!important;background:none!important;-webkit-text-fill-color:initial!important}.old-big{color:#94a3b8!important}.off{background:#fff1ec!important;color:#ea580c!important}
.course-body{background:#f7f9fc!important;padding-top:2rem!important}
.cb-grid{align-items:start}.cb-main{min-width:0}.course-tabs{position:sticky;top:72px;z-index:20;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(14px);border:1px solid var(--al-line)!important;border-radius:16px!important;padding:.35rem!important;box-shadow:var(--al-shadow-sm);display:flex;gap:.25rem;overflow:auto}
.course-tab{border:0!important;border-radius:11px!important;padding:.72rem .9rem!important;white-space:nowrap!important;color:#64748b!important;background:transparent!important}.course-tab.active{color:#fff!important;background:linear-gradient(135deg,var(--al-violet),#4f46e5)!important;box-shadow:0 8px 20px rgba(99,82,220,.22)}
.tab-panel{background:#fff!important;border:1px solid var(--al-line)!important;box-shadow:var(--al-shadow-sm)!important;padding:clamp(1.2rem,2.5vw,2rem)!important}
.tab-panel h2{font-size:1.35rem!important;margin:0 0 1rem!important}.learn-grid{gap:.7rem!important}.learn-grid .li{border:1px solid #e8edf4!important;border-radius:14px!important;background:#fbfdff!important;padding:.9rem!important;line-height:1.6}.learn-grid .li i{color:var(--al-teal)!important}
.req-list{background:#f8fafc;border-radius:16px;padding:1rem 1.2rem!important}.course-resource-grid{margin:1.4rem 0!important}.course-resource-grid>div{box-shadow:var(--al-shadow-sm)!important;border-color:var(--al-line)!important;transition:.25s}.course-resource-grid>div:hover{transform:translateY(-4px);box-shadow:var(--al-shadow)!important}
/* Premium course snapshot */
.al-course-snapshot{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin:1.2rem 0}.al-snap{background:#fff;border:1px solid var(--al-line);border-radius:16px;padding:1rem;box-shadow:var(--al-shadow-sm)}.al-snap i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#eef2ff;color:var(--al-violet);margin-bottom:.55rem}.al-snap b{display:block;font-size:.92rem;color:#0f172a}.al-snap span{display:block;color:#64748b;font-size:.74rem;margin-top:.2rem;line-height:1.45}
.al-career-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;margin:1rem 0}.al-career-card{border-radius:20px;padding:1.3rem;color:#fff;background:linear-gradient(135deg,#0b1f36,#12365a)}.al-career-card h3{margin:0 0 .45rem}.al-career-card p{color:#d7e5f2;line-height:1.65;font-size:.86rem}.al-career-tags{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.al-career-tags span{font-size:.7rem;padding:.4rem .55rem;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}.al-bonus-card{border:1px solid #cceff1;background:linear-gradient(135deg,#ecfeff,#f8fffe);border-radius:20px;padding:1.3rem}.al-bonus-card h3{margin:0 0 .6rem;color:#0f3d4b}.al-bonus-card li{font-size:.8rem;color:#33515d;margin:.5rem 0}
/* dashboard upgrade */
.dashboard-shell{max-width:1500px!important}.sd-main{--sd-primary:#6757e8;--sd-accent:#ff6b35}.sd-topbar{position:sticky;top:0;z-index:30;padding:.7rem 0;background:rgba(246,248,252,.86);backdrop-filter:blur(14px)}
.sd-hero{background:radial-gradient(circle at 90% 20%,rgba(34,211,238,.25),transparent 28%),linear-gradient(135deg,#071525,#172e52 65%,#30225f)!important;box-shadow:0 22px 55px rgba(7,21,37,.16)}
.sd-stat,.sd-card{box-shadow:var(--al-shadow-sm)!important;border-color:#e4eaf2!important}.sd-stat:hover,.sd-card:hover{border-color:#cfd9e7!important}
.sd-stat-icon{background:#eef2ff!important;color:var(--al-violet)!important}.sd-progress span{background:linear-gradient(90deg,var(--al-violet),var(--al-cyan))!important}
.sd-nav-card a.active{background:linear-gradient(135deg,#eef2ff,#f4f0ff)!important;color:#5546c9!important}
.al-dashboard-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-top:14px}.al-dash-card{background:#fff;border:1px solid #e4eaf2;border-radius:20px;padding:18px;box-shadow:var(--al-shadow-sm)}.al-dash-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.al-dash-head h3{margin:0;font-size:1rem;color:#0f172a}.al-dash-head span{font-size:.72rem;color:#64748b}.al-goal{display:flex;align-items:center;gap:14px}.al-ring{--p:0;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--al-violet) calc(var(--p)*1%),#edf0f5 0);position:relative;flex:0 0 78px}.al-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}.al-ring b{position:relative;z-index:1;font-size:1rem}.al-goal h4{margin:0 0 .25rem}.al-goal p{margin:0;color:#64748b;font-size:.76rem;line-height:1.5}.al-mini-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-top:1rem}.al-mini-action{border:1px solid #e8edf4;border-radius:13px;padding:.75rem;text-decoration:none;color:#334155;font-size:.76rem;font-weight:700;background:#fbfdff}.al-mini-action i{color:var(--al-orange);margin-right:.35rem}.al-reco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.al-reco{border:1px solid #e7ecf3;border-radius:15px;overflow:hidden;background:#fff;text-decoration:none;color:inherit;transition:.2s}.al-reco:hover{transform:translateY(-3px);box-shadow:var(--al-shadow)}.al-reco img{width:100%;height:100px;object-fit:cover;display:block}.al-reco div{padding:.75rem}.al-reco b{font-size:.78rem;line-height:1.35;display:block}.al-reco span{font-size:.68rem;color:#64748b}.al-achievements{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}.al-ach{border:1px solid #e7ecf3;border-radius:14px;padding:.75rem;text-align:center;background:linear-gradient(180deg,#fff,#fbfdff)}.al-ach i{font-size:1.15rem;color:var(--al-orange);margin-bottom:.35rem}.al-ach b{display:block;font-size:.72rem}.al-ach span{display:block;color:#94a3b8;font-size:.64rem;margin-top:.2rem}.al-ach.locked{opacity:.48}.al-plan{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.al-plan-day{border:1px solid #e7ecf3;border-radius:14px;padding:.8rem}.al-plan-day strong{font-size:.72rem;color:#334155}.al-plan-day span{display:block;color:#64748b;font-size:.68rem;margin:.25rem 0 .55rem}.al-plan-day button{border:0;background:#f1f5f9;color:#334155;border-radius:9px;padding:.45rem .6rem;font-size:.67rem;font-weight:700;cursor:pointer}.al-plan-day button.done{background:#dcfce7;color:#166534}
@media(max-width:1050px){.al-course-snapshot{grid-template-columns:repeat(2,1fr)}.al-career-panel,.al-dashboard-grid{grid-template-columns:1fr}.al-reco-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.course-detail-modern{padding-top:5.5rem!important}.course-detail-modern .ch-right{position:static;margin-top:1rem}.course-detail-modern .c-card-img{height:210px!important}.course-detail-modern .ch-left h1{font-size:2.35rem}.course-tabs{top:62px}.al-course-snapshot{grid-template-columns:1fr 1fr}.al-achievements{grid-template-columns:1fr 1fr}.al-plan{grid-template-columns:1fr}.al-reco-grid{grid-template-columns:1fr 1fr}.al-mini-actions{grid-template-columns:1fr}.sd-topbar{position:static}}