@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Lora:ital,wght@0,500;0,600;0,700;1,500&family=Manrope:wght@400;500;600;700&family=Onest:wght@400;500;600;700&display=swap');

:root{
  --bg:#f7e8d5;
  --surface:#fffaf1;
  --surface-2:#fff6ea;
  --surface-3:#ead2b5;
  --text:#2b1b13;
  --muted:#776657;
  --line:rgba(78,50,31,.16);
  --line-strong:rgba(177,111,18,.34);
  --accent:#d18a16;
  --accent-strong:#a86712;
  --accent-cyan:#d18a16;
  --accent-pink:#a86712;
  --ok:#55725b;
  --err:#9a493a;
  --radius:18px;
  --shadow-sm:0 8px 24px rgba(71,43,22,.08);
  --shadow:0 18px 50px rgba(71,43,22,.11);
  --shadow-deep:0 32px 74px rgba(71,43,22,.15);
  --inner-light:0 1px 0 rgba(255,255,255,.72) inset;
  --page-bg:#f7e8d5;
  --page-bg-2:#f2dfc8;
  --page-bg-3:#ead2b5;
  --ink:#2b1b13;
  --brand:#a86712;
  --brand-2:#d18a16;
  --accent-2:#e3b65f;
  --border:rgba(78,50,31,.16);
  --card:#fffaf1;
}

html{background:#f7e8d5}
body,body.theme-dark{
  font-family:'Onest','Manrope',system-ui,sans-serif;
  color:var(--text)!important;
  background:
    linear-gradient(110deg,transparent 0 62%,rgba(209,138,22,.035) 62% 62.15%,transparent 62.15%),
    radial-gradient(780px 420px at 92% 2%,rgba(209,138,22,.10),transparent 72%),
    radial-gradient(720px 420px at 2% 96%,rgba(151,145,112,.08),transparent 75%),
    #f7e8d5!important;
}
body::before{opacity:.22!important;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.36) 47%,transparent 64%)!important}
body::after{opacity:.42!important;background:radial-gradient(520px 260px at 88% 12%,rgba(209,138,22,.08),transparent 75%),radial-gradient(600px 320px at 10% 75%,rgba(140,145,110,.06),transparent 78%)!important}
a{color:#8d5a12;text-underline-offset:4px}
.links a,.consentRow a,.auth-card a,.confirmed-page a{color:#8d5a12!important}
::selection{background:#dfad58;color:#2b1b13}

h1,h2,h3,h4,.page-title,.auth-title,.adminHero h1,.panelIntroTitle,.courseShelfTitle{
  font-family:'Lora',Georgia,serif!important;
  color:#2b1b13!important;
  letter-spacing:-.025em;
}

.container,.wrap{position:relative;z-index:1}
.card,.panel,.section-card,.screen-card,.ui-card,.ui-shell,.side-card,.benefit-card,.tariff-card,.lesson-card,.stack-card,.mini-card,.case-card,.cta-card{
  background:#fffaf1!important;
  color:#2b1b13!important;
  border:1px solid rgba(151,92,16,.18)!important;
  border-radius:20px!important;
  box-shadow:var(--shadow)!important;
  backdrop-filter:none!important;
}
.card::before,.card::after{opacity:0!important}
.card:hover{transform:translateY(-1px);border-color:rgba(177,111,18,.36)!important;box-shadow:0 26px 58px rgba(71,43,22,.12)!important}

.btn,a.btn,button.btn,body.theme-dark .btn{
  min-height:44px;
  border:1px solid rgba(135,82,15,.34)!important;
  border-radius:12px!important;
  background:rgba(255,250,241,.78)!important;
  color:#5d3a0f!important;
  box-shadow:none!important;
  font-family:'Onest','Manrope',system-ui,sans-serif!important;
  font-size:12px;
  font-weight:650;
  letter-spacing:.015em;
  text-transform:none;
  padding-inline:18px;
}
.btn:hover,a.btn:hover,button.btn:hover,body.theme-dark .btn:hover{
  background:#2b1b13!important;border-color:#2b1b13!important;color:#fff8ee!important;transform:none
}
.btn.primary,.btn-primary,a.btn-primary,button.primary,body.theme-dark .btn.primary{
  background:#d18a16!important;border-color:#d18a16!important;color:#281a11!important;box-shadow:none!important
}
.btn.primary:hover,.btn-primary:hover,a.btn-primary:hover,button.primary:hover,body.theme-dark .btn.primary:hover{
  background:#2b1b13!important;border-color:#2b1b13!important;color:#fff8ee!important
}
.btn.danger,.danger{border-color:rgba(154,73,58,.44)!important;color:#8c3f33!important}
.btn.danger:hover{background:#8c3f33!important;border-color:#8c3f33!important;color:#fff!important}

.input,input:not([type='checkbox']):not([type='radio']):not([type='file']),select,textarea,
body.theme-dark .input,body.theme-dark select,body.theme-dark textarea{
  border:1px solid rgba(111,74,40,.23)!important;
  border-radius:12px!important;
  background:rgba(255,253,248,.92)!important;
  color:#2b1b13!important;
  box-shadow:0 1px 0 rgba(255,255,255,.75) inset!important;
  font-family:'Onest','Manrope',system-ui,sans-serif!important;
}
.input::placeholder,input::placeholder,textarea::placeholder{color:#a08c79!important}
.input:focus,input:focus,select:focus,textarea:focus,
body.theme-dark .input:focus,body.theme-dark select:focus,body.theme-dark textarea:focus{
  border-color:#c88314!important;box-shadow:0 0 0 3px rgba(209,138,22,.13)!important;outline:none
}
input[type='checkbox'],input[type='radio']{accent-color:#c98213}

.small,.muted,.subtitle,.section-sub,.hint,.tip,.auth-sub,.panelIntroText,.courseShelfText{color:#776657!important}
.badge,.tag,.pill,.courseMetaPill,.progressBadge,.homeworkBadge,.course-pill,.tiny{
  background:#f3dfc5!important;color:#6e460f!important;border:1px solid rgba(177,111,18,.24)!important;border-radius:999px!important
}
.msg,.auth-msg{border-radius:14px!important;background:#f1dfc8!important;border:1px solid rgba(177,111,18,.22)!important;color:#5d4938!important}
.msg.ok,.ok{background:#e4eadf!important;border-color:#aab9a3!important;color:#47604b!important}
.msg.err,.err{background:#f3dfda!important;border-color:#d3a197!important;color:#8d4035!important}
table{background:#fffaf1!important;color:#2b1b13!important;border-color:rgba(78,50,31,.14)!important}
th{background:#f0dcc3!important;color:#543719!important}
td,th{border-color:rgba(78,50,31,.13)!important}

/* Shared animated header */
.site-header{background:rgba(255,248,238,.95)!important;border-bottom:1px solid rgba(177,111,18,.20)!important;box-shadow:0 8px 28px rgba(71,43,22,.05)!important;backdrop-filter:blur(16px)!important}
.site-header .skillao-brand,.site-header .brand{color:#2b1b13!important}
.site-header .skillao-brand__mark{border-color:rgba(209,138,22,.60)!important;color:#a86712!important}
.site-header .header-nav a{color:#5e493a!important}
.site-header .header-nav a::after{background:#d18a16!important}

/* Authentication and confirmation pages */
.login-page,.register-page,.check-page,.confirmed-page{min-height:calc(100svh - 76px)!important;padding:clamp(38px,7vw,92px) 0!important}
.login-shell,.register-shell,.check-shell{width:min(560px,100%)!important}
.auth-card{padding:clamp(28px,5vw,54px)!important;gap:18px!important;border-top:2px solid #d18a16!important;border-radius:24px!important}
.auth-kicker{color:#a86712!important;letter-spacing:.17em!important;font-size:10px!important}
.auth-title{font-size:clamp(42px,6vw,64px)!important;font-weight:500!important;line-height:.92!important}
.auth-card form,.auth-card .row{gap:14px!important}
.auth-card label{color:#6c5746!important;font-size:11px!important;letter-spacing:.08em;text-transform:uppercase}
.pwbtn{border:1px solid rgba(177,111,18,.22)!important;border-radius:50%!important;background:#f3dfc5!important;color:#7a4c0d!important}
.links{border-top:1px solid rgba(78,50,31,.13);padding-top:18px!important}
.confirmed-page .panel{padding:clamp(28px,5vw,54px)!important;border-top:2px solid #d18a16!important}
.kpi,.kpis>*{background:#f5e5d2!important;border-color:rgba(177,111,18,.18)!important;color:#2b1b13!important}

/* Cabinet */
.cabinetShell,.adminShell{gap:24px!important;margin-top:24px!important}
.cabinetSidebar,.adminSidebar{
  top:18px!important;background:linear-gradient(180deg,#f3e4d2,#ecd7bd)!important;border:1px solid rgba(126,79,24,.18)!important;border-radius:22px!important;padding:20px!important;box-shadow:var(--shadow-sm)!important
}
.cabinetSidebar::before,.adminSidebar::before{display:none!important}
.cabinetSidebar h3,.adminSidebar h3{font:600 25px/1.15 'Lora',Georgia,serif!important;color:#2b1b13!important}
.cabinetNav,.adminNav{gap:8px!important}
.cabinetNavBtn,.adminNavBtn{
  border:1px solid transparent!important;border-radius:12px!important;background:rgba(255,250,241,.32)!important;box-shadow:none!important;padding:12px 13px!important;color:#503a2b!important
}
.cabinetNavBtn:hover,.adminNavBtn:hover{transform:none!important;background:rgba(255,250,241,.42)!important}
.cabinetNavBtn.is-active,.adminNavBtn.is-active{background:#fffaf1!important;border-color:rgba(177,111,18,.24)!important;box-shadow:0 8px 20px rgba(71,43,22,.08)!important}
.cabinetNavBtn span:first-child,.adminNavBtn span:first-child{color:#2b1b13!important}
.cabinetNavBtn .count,.adminNavBtn .count{background:#e2bd7a!important;border-color:transparent!important;color:#4a2f0d!important}
.cabinetMain,.adminMain{color:#2b1b13!important}
.topbar{
  background:#fffaf1!important;border:1px solid rgba(126,79,24,.15)!important;border-radius:22px!important;box-shadow:var(--shadow-sm)!important;padding:24px!important
}
.topbar .page-title{color:#2b1b13!important}
.panelIntro,.courseShelf,.profile,.pushCard,.serviceCard,.authorSettingsCard,.adminPanel>.card,.adminHero{
  background:#fffaf1!important;border:1px solid rgba(126,79,24,.15)!important;border-radius:22px!important;box-shadow:var(--shadow-sm)!important
}
.panelIntro,.courseShelf,.profile,.pushCard,.serviceCard{padding:22px!important}
.course-grid,.profile-courses-grid,.fixed-course-grid,.market-course-grid{gap:18px!important}
.course-card{background:#fffaf1!important;border:1px solid rgba(126,79,24,.16)!important;border-radius:20px!important;box-shadow:var(--shadow-sm)!important;overflow:hidden!important}
.course-card:hover{border-color:rgba(177,111,18,.36)!important;box-shadow:var(--shadow)!important}
.courseShelfHeader,.panelHead{border-bottom:1px solid rgba(78,50,31,.13);padding-bottom:14px!important}
.profileFact,.serviceFeature,.supportFeature,.authorPreviewMetaItem{background:#f6e7d5!important;border-color:rgba(126,79,24,.14)!important;border-radius:14px!important}
.authorAccordion,.createAdvanced,.createBasicsAdvanced,.userNestedDetails{border-color:rgba(126,79,24,.16)!important;border-radius:16px!important;background:#fffaf1!important;overflow:hidden!important}
.authorAccordionSummary,.createAdvanced summary,.createBasicsAdvanced summary,.userNestedSummary{background:#f2dfc8!important;color:#2b1b13!important}
.adminHero{padding:28px!important;border-top:2px solid #d18a16!important}
.adminHeroText,.adminStatus{color:#776657!important}
.createStepNum{background:#d18a16!important;color:#2b1b13!important;box-shadow:none!important}
.createStepTitle,.createStepHint{color:#2b1b13!important}
.filterBar,.settingsGrid,.createTemplateIntro,.createTemplateGrid,.mailPreview,.userActionGroup{background:#fffaf1!important;border-color:rgba(126,79,24,.15)!important;border-radius:16px!important}

/* Course player and lessons */
.wrap header,.courseMeta,.toolbar,.courseFeatureHub,.courseAuthorPanel{color:#2b1b13!important}
.wrap>header{background:#fffaf1!important;border:1px solid rgba(126,79,24,.18)!important;border-radius:20px!important;box-shadow:var(--shadow-sm)!important}
.crumbs a{color:#8d5a12!important}
.courseProgressInfo,.courseFeatureCard,.courseAuthorCard,.homeworkSection,.homeworkAuthorPanel,.homeworkReviewPanel,.reportDialog,.learnModeModal{
  background:#fffaf1!important;border-color:rgba(126,79,24,.18)!important;color:#2b1b13!important;box-shadow:var(--shadow-sm)!important;border-radius:16px!important
}
.list,.group,.gsummary,.gcontent,.lesson,.lesson summary,.lesson .content{
  background:#fffaf1!important;color:#2b1b13!important;border-color:rgba(126,79,24,.17)!important
}
details.group,details.lesson{background:#fffaf1!important;border-color:rgba(126,79,24,.17)!important}
details.group>summary.gsummary,details.lesson>summary.summary{background:#f0dcc3!important;color:#2b1b13!important;border-color:rgba(126,79,24,.16)!important}
details.group>.gcontent,details.lesson>.content{background:#fffaf1!important;color:#2b1b13!important}
.group,.lesson,.videoWrap,.cardBox,.textBox,.notes,.practiceWrap{border-radius:14px!important}
.gsummary,.lesson summary{background:#f0dcc3!important}
.gsummary:hover,.lesson summary:hover,details.group>summary.gsummary:hover,details.lesson>summary.summary:hover{background:#e8cfaf!important}
.gtitle,.lesson .title,.lessonTitleText{color:#2b1b13!important}
.gcount,.chev,.gchev,.summaryRight,.lessonMeta{color:#806b59!important}
.layout,.block,.firstRow,.notesView,.lessonTextView,.practiceInner{color:#2b1b13!important}
.cardBox,.textBox,.notes,.practiceWrap,.homeworkPromptBlock,.homeworkStudentState{
  background:#fffaf1!important;color:#2b1b13!important;border-color:rgba(126,79,24,.17)!important;box-shadow:none!important
}
.videoWrap,.videoStage{background:#21160f!important;border-color:#9b6a2c!important}
.toolbar,.search,.wrap>.toolbar{background:rgba(255,250,241,.92)!important;border-color:rgba(126,79,24,.18)!important;color:#2b1b13!important;box-shadow:var(--shadow-sm)!important}
.search::placeholder{color:#9b8875!important}
.gcount,.progressBadge,.priceMeta{background:#f3dfc5!important;border-color:rgba(177,111,18,.22)!important;color:#6e4b22!important}
.playbackToast{background:#2b1b13!important;color:#fff8ee!important}

/* Public authors/students pages */
.hero:not(.login-page){color:#2b1b13}
.hero-shell,.hero-card{background:#fff6ea!important;border-color:rgba(177,111,18,.18)!important;border-radius:24px!important;box-shadow:var(--shadow)!important}
.metric,.hero-metrics .metric,.kpis .metric{
  background:#fffaf1!important;color:#2b1b13!important;border:1px solid rgba(177,111,18,.18)!important;border-radius:16px!important;box-shadow:none!important
}
.metric::before,.metric::after{display:none!important}
.eyebrow,.ui-label,.auth-kicker{color:#a86712!important}
.lead,.hero-metrics,.section-sub,.footer-lead{color:#776657!important}
.hero h1,.section h2,.cta-card h2{font-family:'Lora',Georgia,serif!important;color:#2b1b13!important}
.ui-head,.ui-topbar,.ui-sidebar,.cab-sidebar{background:#f0dcc3!important;border-color:rgba(126,79,24,.16)!important;color:#2b1b13!important}
.ui-main,.ui-body,.cab-main{background:#fffaf1!important;color:#2b1b13!important}
.footer{background:#2b1b13!important;color:#d8c6b5!important}.footer a{color:#f0c77d!important}
.footer-mark{border-color:#d18a16!important;color:#dda240!important}

/* Legal pages */
.doc{background:#fffaf1!important;border:1px solid rgba(126,79,24,.18)!important;border-radius:20px!important;box-shadow:var(--shadow)!important;color:#2b1b13!important}
.doc h1,.doc h2,.doc h3{font-family:'Lora',Georgia,serif!important;color:#2b1b13!important}

@media(max-width:900px){
  .cabinetShell,.adminShell{grid-template-columns:1fr!important}
  .cabinetSidebar,.adminSidebar{position:relative!important;top:auto!important}
  .cabinetNav,.adminNav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  .container,.wrap{padding-inline:14px!important}
  .auth-card{padding:28px 20px!important}
  .cabinetNav,.adminNav{grid-template-columns:1fr!important}
  .cabinetShell,.adminShell{gap:14px!important}
  .btn,a.btn{width:100%}
  .topbar,.adminHeroActions,.auth-row,.actions{align-items:stretch!important}
}