/* Nanostudent RC4.16 — Premium Calm Education UI */
:root{--ns-brand:#3157d5;--ns-brand-dark:#2446bb;--ns-brand-soft:#eef3ff;--ns-ink:#172033;--ns-muted:#687387;--ns-line:#e7eaf0;--ns-canvas:#f6f8fc;--ns-surface:#fff;--ns-success:#168a63;--ns-radius:18px;--ns-shadow:0 10px 32px rgba(31,42,68,.06)}
html{background:var(--ns-canvas)}
body.ns-premium-ui{background:var(--ns-canvas)!important;color:var(--ns-ink);font-feature-settings:"kern" 1,"liga" 1}
body.ns-premium-ui::before{content:"";position:fixed;inset:0 0 auto 0;height:260px;pointer-events:none;background:radial-gradient(65% 130% at 50% -35%,rgba(49,87,213,.09),transparent 68%);z-index:-1}
body.ns-premium-ui .app-page{width:min(100%,1220px);padding:34px 34px 84px}
body.ns-premium-ui .page-kicker{color:#5b6f9a;font-size:10px;font-weight:750;letter-spacing:.09em;margin-bottom:10px}
body.ns-premium-ui .page-title{font-size:clamp(1.7rem,2.6vw,2.25rem);font-weight:760;letter-spacing:-.035em;line-height:1.22;color:#172033}
[dir="rtl"] body.ns-premium-ui .page-title{letter-spacing:0;font-weight:700}
body.ns-premium-ui .page-description{font-size:14px;color:#758096;line-height:1.9;max-width:720px}
body.ns-premium-ui .section-title{font-size:1rem;font-weight:720;color:#202a3c}
body.ns-premium-ui .surface-card,body.ns-premium-ui .ns-product-card{border:1px solid var(--ns-line)!important;border-radius:var(--ns-radius)!important;background:rgba(255,255,255,.96)!important;box-shadow:0 1px 2px rgba(24,34,56,.025),0 8px 26px rgba(24,34,56,.035)!important}
body.ns-premium-ui .interactive-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
body.ns-premium-ui .interactive-card:hover{transform:translateY(-2px)!important;border-color:#d7deec!important;box-shadow:0 16px 38px rgba(31,42,68,.08)!important}
body.ns-premium-ui .control-field,body.ns-premium-ui input:not([type="checkbox"]):not([type="radio"]),body.ns-premium-ui select,body.ns-premium-ui textarea{border-radius:12px!important;border-color:#dfe4ec!important;box-shadow:0 1px 2px rgba(16,24,40,.02);transition:border-color .16s,box-shadow .16s,background .16s}
body.ns-premium-ui .control-field:focus,body.ns-premium-ui input:focus,body.ns-premium-ui select:focus,body.ns-premium-ui textarea:focus{border-color:#8da5ef!important;box-shadow:0 0 0 4px rgba(49,87,213,.10)!important;outline:none}
body.ns-premium-ui button,body.ns-premium-ui a{transition:background-color .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s}
body.ns-premium-ui [class*="bg-[#175CD3]"]{background:#3157d5!important;box-shadow:0 5px 14px rgba(49,87,213,.18)}
body.ns-premium-ui [class*="hover:bg-[#1849A9]"]:hover{background:#2446bb!important}
body.ns-premium-ui [class*="bg-[#1570EF]"]{background:#3157d5!important}
body.ns-premium-ui .quiet-link{color:#3157d5;font-weight:700}
/* navigation */
body.ns-premium-ui aside[class*="w-64"]{width:248px!important;background:linear-gradient(180deg,#111a2d 0%,#0d1525 100%)!important;border-color:rgba(255,255,255,.065)!important;box-shadow:14px 0 42px rgba(16,24,40,.05)}
body.ns-premium-ui aside nav a{border-radius:11px!important;min-height:42px}
body.ns-premium-ui aside nav a[aria-current="page"]{background:rgba(255,255,255,.095)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055)}
body.ns-premium-ui aside nav a[aria-current="page"] svg{color:#9eb2ff!important}
body.ns-premium-ui header.sticky{height:68px!important;background:rgba(246,248,252,.84)!important;border-bottom:1px solid rgba(219,225,235,.82)!important;backdrop-filter:blur(18px) saturate(1.25)!important}
body.ns-premium-ui #main-content{background:transparent}
@media(min-width:1024px){body.ns-premium-ui #root>div>div[class*="lg:ps-64"]{padding-inline-start:248px!important}}
/* hero next step */
body.ns-premium-ui [data-testid="student-next-step"],body.ns-premium-ui [data-ns-upgrade="student-next-step"]{position:relative;overflow:hidden;border-color:#dbe3fb!important;background:linear-gradient(135deg,#fff 0%,#f8faff 58%,#f0f4ff 100%)!important;box-shadow:0 18px 48px rgba(49,87,213,.075)!important}
body.ns-premium-ui [data-testid="student-next-step"]::after,body.ns-premium-ui [data-ns-upgrade="student-next-step"]::after{content:"";position:absolute;inline-size:190px;block-size:190px;border-radius:999px;background:radial-gradient(circle,rgba(49,87,213,.10),transparent 70%);inset-inline-end:-55px;top:-78px;pointer-events:none}
body.ns-premium-ui .ns-title{color:#172033;font-weight:760}.ns-copy{color:#6b768b!important}
body.ns-premium-ui .ns-btn{border-radius:11px!important;min-height:42px!important}.ns-btn-primary{background:#3157d5!important;border-color:#3157d5!important;box-shadow:0 5px 14px rgba(49,87,213,.16)}
/* metrics calmer */
body.ns-premium-ui section[aria-label="Account summary"],body.ns-premium-ui section[aria-label="ملخص الحساب"]{box-shadow:none!important;background:rgba(255,255,255,.72)!important}
/* modals */
body.ns-premium-ui [role="dialog"]{border-radius:22px!important;box-shadow:0 28px 80px rgba(18,27,46,.20)!important}
/* auth and empty states */
body.ns-premium-ui .min-h-screen [class*="shadow-xl"],body.ns-premium-ui .min-h-screen [class*="shadow-2xl"]{box-shadow:0 24px 70px rgba(31,42,68,.12)!important;border-radius:22px!important}
/* generator */
body.ns-premium-ui .ns-advanced-toggle{border-radius:13px!important;background:#f8f9fc!important;border-color:#e5e9f1!important;color:#4d596e!important}.ns-step-pill{background:#eef3ff!important;border-color:#dce5ff!important;color:#3157d5!important}
body.ns-premium-ui .ns-stage{border-radius:12px!important;border-color:#e5e9f1!important;background:rgba(255,255,255,.9)!important}.ns-stage.ns-active{background:#eef3ff!important;border-color:#bfccf6!important;color:#3157d5!important}
/* dark */
html.dark body.ns-premium-ui{--ns-canvas:#0c1220;--ns-surface:#111827;--ns-line:#273349;--ns-ink:#f4f7fb;--ns-muted:#9ba7ba;background:#0c1220!important;color:#e8edf6}
html.dark body.ns-premium-ui::before{background:radial-gradient(65% 120% at 50% -35%,rgba(79,108,230,.16),transparent 68%)}
html.dark body.ns-premium-ui .page-title,html.dark body.ns-premium-ui .section-title{color:#f5f7fb}
html.dark body.ns-premium-ui .page-description{color:#9aa6b8}
html.dark body.ns-premium-ui .surface-card,html.dark body.ns-premium-ui .ns-product-card{background:#111827!important;border-color:#273349!important;box-shadow:none!important}
html.dark body.ns-premium-ui header.sticky{background:rgba(12,18,32,.86)!important;border-color:#263247!important}
html.dark body.ns-premium-ui [data-testid="student-next-step"],html.dark body.ns-premium-ui [data-ns-upgrade="student-next-step"]{background:linear-gradient(135deg,#131d31,#111827)!important;border-color:#2a3f68!important}.dark .ns-title{color:#f7f9fc!important}
@media(max-width:1023px){body.ns-premium-ui .app-page{padding:24px 18px 72px}body.ns-premium-ui header.sticky{height:62px!important}}
@media(max-width:640px){body.ns-premium-ui .app-page{padding:20px 14px 64px}.page-title{font-size:1.55rem!important}body.ns-premium-ui .surface-card{border-radius:15px!important}body.ns-premium-ui::before{height:190px}}
@media(prefers-reduced-motion:reduce){body.ns-premium-ui *{scroll-behavior:auto!important;transition-duration:.01ms!important}}
