/* GradeKind premium layer v1 (loads after styles-v11.css and nav-v1.css) */
:root{
  --color-bg:#f4f7f6;
  --color-navy:#13212f;
  --color-navy-soft:#4a5a6b;
  --color-teal:#0f7a6e;
  --color-teal-dark:#0b5a52;
  --color-teal-tint:#e3f3ef;
  --pk-accent:#f2a93b;
  --pk-grad:linear-gradient(135deg,#0f7a6e 0%,#14a08c 55%,#3cc2a5 100%);
  --pk-shadow:0 1px 2px rgba(19,33,47,.05),0 8px 24px rgba(19,33,47,.07);
  --pk-shadow-lg:0 24px 60px rgba(19,33,47,.16);
  --radius-sm:10px;
  --radius-md:16px;
  --font-body:"Plus Jakarta Sans","Segoe UI",system-ui,-apple-system,sans-serif;
}
body{letter-spacing:-.005em;background:radial-gradient(1200px 420px at 50% -120px,#dff3ee 0%,rgba(223,243,238,0) 70%),var(--color-bg)}
h1,h2,h3{letter-spacing:-.02em}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid rgba(19,33,47,.07)}
.brand{font-weight:800;letter-spacing:-.02em}
.brand-mark{background:var(--pk-grad)!important;color:#fff!important;border-radius:10px!important;box-shadow:0 4px 12px rgba(15,122,110,.35)}
.main-nav>a{border-radius:999px}
.main-nav>a[aria-current="page"]{background:var(--color-teal-tint)}
.nav-tools summary{border-radius:999px}

/* Tools mega menu */
.nav-menu{width:min(780px,calc(100vw - 24px));padding:14px 16px 16px;border:1px solid rgba(19,33,47,.08);border-radius:18px;box-shadow:var(--pk-shadow-lg);animation:pk-pop .16s ease-out;max-height:calc(100vh - 90px);overflow:auto}
@keyframes pk-pop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.pk-search{grid-column:1/-1;position:relative;margin:0 0 10px}
.pk-search input{width:100%;box-sizing:border-box;min-height:44px;padding:10px 14px 10px 40px;border:1px solid #d6dfdd;border-radius:12px;font:inherit;font-size:.95rem;background:#f7faf9}
.pk-search input:focus{outline:none;border-color:var(--color-teal);background:#fff;box-shadow:0 0 0 4px rgba(15,122,110,.12)}
.pk-search svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:#7c8b98}
.pk-empty{grid-column:1/-1;margin:6px 4px;color:var(--color-navy-soft);font-size:.92rem}
.nav-group-title{display:flex;align-items:center;gap:8px}
.nav-group-title::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pk-c,#14a08c)}
.nav-menu .nav-group:nth-of-type(2){--pk-c:#14a08c;--pk-t:#e3f5f1}
.nav-menu .nav-group:nth-of-type(3){--pk-c:#4f6bed;--pk-t:#e9edfd}
.nav-menu .nav-group:nth-of-type(4){--pk-c:#c2610f;--pk-t:#fcefe2}
.nav-menu .nav-group a{display:grid!important;grid-template-columns:34px 1fr;column-gap:10px;align-items:start;border-radius:12px!important;transition:background .12s,transform .12s}
.nav-menu .nav-group a:hover{transform:translateX(2px)}
.main-nav .nav-menu a span:not(.pk-ico){grid-column:2}
.nav-menu [hidden],.nav-menu .nav-group a[hidden]{display:none!important}
.main-nav .nav-menu a .pk-ico{grid-column:1;grid-row:1/span 2;margin:0;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--pk-t,#e3f5f1);color:var(--pk-c,#14a08c)}
.pk-ico svg{width:18px;height:18px}
.nav-menu .nav-group a[aria-current="page"] .pk-ico{background:var(--pk-c);color:#fff}
.pk-au{--pk-c:#7a3fd1;--pk-t:#f1e9fc}

/* Hero */
.hero h1{font-weight:800;line-height:1.12}
.hero h1 .pk-hl{background:var(--pk-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pk-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px;padding:0;list-style:none}
.pk-chips li{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid rgba(19,33,47,.08);box-shadow:0 1px 2px rgba(19,33,47,.04);font-size:.86rem;font-weight:600;color:var(--color-navy)}
.pk-chips li::before{content:"";width:7px;height:7px;border-radius:50%;background:#14a08c}
.pk-chips li:nth-child(2)::before{background:#4f6bed}
.pk-chips li:nth-child(3)::before{background:var(--pk-accent)}

/* Cards and forms */
.card{border:1px solid rgba(19,33,47,.07)!important;border-radius:20px!important;box-shadow:var(--pk-shadow)!important}
.card h2{font-weight:800}
input[type="text"],input[type="number"],input[type="date"],input[type="search"],select{border-radius:12px!important;transition:border-color .12s,box-shadow .12s}
input:focus,select:focus{border-color:var(--color-teal)!important;box-shadow:0 0 0 4px rgba(15,122,110,.12)!important;outline:none}
.mode-toggle{border-radius:14px!important;padding:4px!important;background:#eef3f2!important}
.mode-toggle button{border-radius:10px!important}
.mode-toggle button[aria-pressed="true"]{background:var(--pk-grad)!important;box-shadow:0 4px 12px rgba(15,122,110,.3)}
.btn,button.btn{border-radius:12px!important}
.btn-primary{background:var(--pk-grad)!important;border:0!important;box-shadow:0 6px 16px rgba(15,122,110,.28)}

/* Results */
.fg-result,.score-big,.result-big{font-weight:800;letter-spacing:-.03em;background:var(--pk-grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Content */
.content-section h2{font-weight:800}
.faq-item{background:#fff;border:1px solid rgba(19,33,47,.07);border-radius:14px;padding:14px 16px;margin:0 0 10px}
.faq-item h3{margin-top:0}

/* Footer */
.site-footer{background:#13212f!important;color:#c9d4dc!important;border-top:0!important;padding-top:28px;padding-bottom:28px}
.site-footer a{color:#e8f1ef!important}

@media (prefers-reduced-motion:reduce){.nav-menu{animation:none}.nav-menu .nav-group a:hover{transform:none}}
@media (max-width:640px){.hero h1{font-size:2rem}.nav-menu{padding:12px}}