/* Kraken V12.1 high-contrast shared interface
   Replacement for the previous kraken-v11.css. */
:root{
  --k-ink:#10242d;
  --k-ink-soft:#40545c;
  --k-bg:#f7faf9;
  --k-surface:#ffffff;
  --k-mist:#eef7f4;
  --k-deep:#06261e;
  --k-deep-2:#0b352b;
  --k-green:#0c8c78;
  --k-green-dark:#076858;
  --k-green-soft:#dff3ed;
  --k-line:#d4e0dc;
  --k-shadow:0 18px 48px rgba(7,44,35,.10);
  --k-radius:22px;
}
*{box-sizing:border-box}
html{background:var(--k-bg);color-scheme:light}
body.k-v11,body{margin:0;background:var(--k-bg);color:var(--k-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--k-green-dark)}
button,input,select,textarea{font:inherit}

/* Header and navigation */
.k-v11 header,.k-v11 .site-header,.k-v11 .topbar,.k-v11 .admin-header,.k-v11 .app-header{
  background:rgba(255,255,255,.96)!important;
  border-bottom:1px solid var(--k-line)!important;
  color:var(--k-ink)!important;
  backdrop-filter:blur(16px);
}
.k-v11 header a,.k-v11 .site-header a,.k-v11 .topbar a,.k-v11 nav a{color:var(--k-ink)!important}
.k-v11 .brand-mark,.k-v11 .logo-mark,.k-v11 .avatar,.k-v11 .nav-logo,.k-v11 .k-mark{
  background:var(--k-green)!important;color:#fff!important;border-color:transparent!important
}
.k-v11 .menu-toggle,.k-v11 .icon-button,.k-v11 .back-button,.k-v11 .nav-button{
  background:#fff!important;color:var(--k-ink)!important;border:1px solid var(--k-line)!important;box-shadow:none!important
}

/* Hero sections: high contrast and much shorter on mobile */
.k-v11 .hero,.k-v11 .page-hero,.k-v11 .admin-hero,.k-v11 .dashboard-hero,.k-v11 .resource-hero,.k-v11 [class*="hero-section"]{
  min-height:clamp(250px,42vw,430px)!important;
  padding:clamp(54px,8vw,92px) clamp(22px,5vw,72px)!important;
  background:linear-gradient(135deg,#edf8f4 0%,#ffffff 72%)!important;
  color:var(--k-ink)!important;
  border-bottom:1px solid var(--k-line)!important;
}
.k-v11 .eyebrow,.k-v11 .kicker,.k-v11 .hero-label,.k-v11 .section-label,.k-v11 [class*="eyebrow"]{
  color:var(--k-green)!important;font-weight:900!important;letter-spacing:.14em!important;text-transform:uppercase
}
.k-v11 .hero h1,.k-v11 .page-hero h1,.k-v11 .admin-hero h1,.k-v11 [class*="hero"] h1{
  color:var(--k-ink)!important;opacity:1!important;text-shadow:none!important
}
.k-v11 .hero p,.k-v11 .page-hero p,.k-v11 .admin-hero p,.k-v11 [class*="hero"] p{
  color:var(--k-ink-soft)!important;opacity:1!important
}

/* Main dark bands and cards */
.k-v11 main,.k-v11 .page-body{color:var(--k-ink)}
.k-v11 .dark-section,.k-v11 .admin-main,.k-v11 .content-zone,.k-v11 .page-content,.k-v11 [class*="workspace"]{
  background:linear-gradient(180deg,var(--k-deep),#041b16)!important;color:#fff!important
}
.k-v11 .card,.k-v11 .panel,.k-v11 .form-card,.k-v11 .stat-card,.k-v11 .admin-card,.k-v11 .resource-card,.k-v11 .course-card,.k-v11 [class*="card"]{
  border:1px solid rgba(16,36,45,.12)!important;
  border-radius:var(--k-radius)!important;
  background:#fff!important;
  color:var(--k-ink)!important;
  box-shadow:var(--k-shadow)!important;
}
.k-v11 .dark-section .card,.k-v11 .admin-main .card,.k-v11 .content-zone .card,.k-v11 .dark-section [class*="card"],.k-v11 .admin-main [class*="card"]{
  background:linear-gradient(145deg,#112f27,#0a241d)!important;
  border-color:rgba(255,255,255,.13)!important;
  color:#fff!important;
  box-shadow:0 20px 54px rgba(0,0,0,.24)!important;
}
.k-v11 .dark-section [class*="card"] h1,.k-v11 .dark-section [class*="card"] h2,.k-v11 .dark-section [class*="card"] h3,
.k-v11 .admin-main [class*="card"] h1,.k-v11 .admin-main [class*="card"] h2,.k-v11 .admin-main [class*="card"] h3{color:#fff!important}
.k-v11 .dark-section [class*="card"] p,.k-v11 .admin-main [class*="card"] p{color:#c7d8d2!important}

/* Text defaults */
.k-v11 h1,.k-v11 h2,.k-v11 h3,.k-v11 h4{color:inherit;opacity:1}
.k-v11 p,.k-v11 small,.k-v11 .muted{opacity:1}
.k-v11 .dark-section .section-label,.k-v11 .admin-main .section-label,.k-v11 .dark-section .eyebrow,.k-v11 .admin-main .eyebrow{color:#42d1b1!important}

/* Inputs */
.k-v11 label{color:inherit!important;font-weight:800}
.k-v11 input,.k-v11 select,.k-v11 textarea{
  width:100%;background:#fff!important;color:var(--k-ink)!important;border:1px solid var(--k-line)!important;border-radius:15px!important;min-height:50px;padding:13px 15px!important
}
.k-v11 .dark-section input,.k-v11 .dark-section select,.k-v11 .dark-section textarea,.k-v11 .admin-main input,.k-v11 .admin-main select,.k-v11 .admin-main textarea{
  background:rgba(255,255,255,.08)!important;color:#fff!important;border-color:rgba(255,255,255,.18)!important
}
.k-v11 input::placeholder,.k-v11 textarea::placeholder{color:#74857f!important;opacity:1}
.k-v11 .dark-section input::placeholder,.k-v11 .dark-section textarea::placeholder,.k-v11 .admin-main input::placeholder,.k-v11 .admin-main textarea::placeholder{color:#a9bbb4!important}

/* Buttons */
.k-v11 .button,.k-v11 .btn,.k-v11 button[type="submit"],.k-v11 .primary-button,.k-v11 .cta{
  min-height:48px;border:0!important;border-radius:14px!important;background:var(--k-green)!important;color:#fff!important;font-weight:900!important;text-decoration:none!important
}
.k-v11 .button.secondary,.k-v11 .btn.secondary,.k-v11 .secondary-button{
  background:#fff!important;color:var(--k-ink)!important;border:1px solid var(--k-line)!important
}

/* Empty states and status boxes */
.k-v11 .empty-state,.k-v11 .status-box,.k-v11 .notice,.k-v11 .message-box{
  color:var(--k-ink)!important;background:#fff!important;border:1px solid var(--k-line)!important;border-left:5px solid var(--k-green)!important
}

@media(max-width:720px){
  .k-v11 .hero,.k-v11 .page-hero,.k-v11 .admin-hero,.k-v11 .dashboard-hero,.k-v11 .resource-hero,.k-v11 [class*="hero-section"]{
    min-height:270px!important;padding:50px 20px 42px!important
  }
  .k-v11 .hero h1,.k-v11 .page-hero h1,.k-v11 .admin-hero h1,.k-v11 [class*="hero"] h1{
    font-size:clamp(2.45rem,12vw,4.2rem)!important;line-height:.98!important
  }
  .k-v11 .card,.k-v11 .panel,.k-v11 .form-card,.k-v11 .stat-card,.k-v11 .admin-card,.k-v11 [class*="card"]{border-radius:20px!important}
}