/* Almano Play — Premium Design System v2 */
:root{
  --ap-ink:#101a3a;--ap-ink-2:#17264f;--ap-brand:#5267e8;--ap-brand-2:#6f80f5;
  --ap-brand-soft:#eef1ff;--ap-bg:#f6f8fc;--ap-card:#fff;--ap-text:#18233f;
  --ap-muted:#6e7a96;--ap-line:#e5e9f2;--ap-success:#18a66e;--ap-warn:#d99a20;
  --ap-danger:#c83b48;--ap-radius:18px;--ap-shadow:0 12px 34px rgba(20,35,75,.07);
  --ap-shadow-hover:0 20px 48px rgba(20,35,75,.12);
}
html{scroll-behavior:smooth}
body{background:var(--ap-bg);color:var(--ap-text);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif}
a{transition:color .18s,background .18s,border-color .18s,transform .18s,box-shadow .18s}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid rgba(82,103,232,.25);outline-offset:3px}
::selection{background:#dfe4ff;color:var(--ap-ink)}
/* shared chrome */
header,.site-header{background:rgba(255,255,255,.92)!important;border-color:var(--ap-line)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.logo,.brand-word,.lessons-logo,.vocab-logo{color:var(--ap-ink)}
.logo span,.brand-word b{color:var(--ap-brand)}
.container{max-width:1180px}
.back,.lessons-back,.vocab-back{color:var(--ap-brand)!important}
.item,.course-option,.vocab-day,.today-card,.panel,.stat-item,.course-card{
  border-color:var(--ap-line)!important;box-shadow:var(--ap-shadow)!important;
}
.item:hover,.course-option:hover,.vocab-day:hover,.course-card:hover{
  transform:translateY(-3px);box-shadow:var(--ap-shadow-hover)!important;border-color:#d5dcff!important
}
.btn-primary,.auth-link.primary{background:var(--ap-brand)!important;border-color:var(--ap-brand)!important}
.btn-primary:hover,.auth-link.primary:hover{background:#4459d9!important;transform:translateY(-1px)}
/* form polish */
input,select,textarea{
  border:1px solid var(--ap-line);border-radius:12px;background:#fff;color:var(--ap-text);
  min-height:44px;padding:10px 12px;transition:.18s
}
input:focus,select:focus,textarea:focus{border-color:#aab5ff;box-shadow:0 0 0 4px rgba(82,103,232,.09);outline:0}
button[type=submit],.primary-btn{
  border-radius:12px!important;background:var(--ap-brand)!important;color:#fff!important;border:0!important;
  box-shadow:0 8px 20px rgba(82,103,232,.18);font-weight:850
}
/* page cards */
.hero,.learning-goal,.vocab-hero{border-color:var(--ap-line)!important;box-shadow:var(--ap-shadow)!important}
.learning-goal{background:linear-gradient(180deg,#fff,#fafbff)!important}
.goal-option:hover{border-color:#b9c2ff!important}
.goal-option.selected{border-color:var(--ap-success)!important}
.course-thumb{background:linear-gradient(135deg,#eef1ff,#f7f8ff)!important}
.tag,.course-tag{background:var(--ap-brand-soft)!important;color:#4358cf!important}
/* bottom nav */
.mobile-bottom{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(14px)}
.mobile-bottom a.active{color:var(--ap-brand)!important;background:var(--ap-brand-soft)!important}
/* utility states */
.empty{box-shadow:var(--ap-shadow);border-color:#dfe4ef!important}
@media(max-width:767px){
  .site-header{box-shadow:0 5px 20px rgba(20,35,75,.05)}
  .home-main{padding-top:24px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}