/* NEXA DIGITAL V13 • Call Nexa-inspired 3D neon visual system
   Navy background; high-contrast white reading surfaces; neon only for accents.
   Accessible 15–18px content text; no low-contrast gradient body copy. */
:root{--n13-navy:#09142f;--n13-deep:#101d40;--n13-blue:#366cfb;--n13-cyan:#00bddd;--n13-violet:#8255f4;--n13-teal:#087e76;--n13-text:#14213e;--n13-muted:#425473;--n13-soft:#f4f7ff;--n13-border:#cbd8eb}
html{scroll-behavior:smooth}body{font-size:16px}p,li{line-height:1.72}button,a,input,textarea,select{transition:box-shadow .18s,border-color .18s,transform .18s}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #00acd1!important;outline-offset:3px}
/* ===== Landing / public ===== */
body.reimagined{--bg:#edf3fd;--white:#fff;--ink:var(--n13-text);--muted:var(--n13-muted);--line:#d9e3f2;--accent:#315be4;--blue:#356cff;--indigo:#4239cf;--sky:#eaf0ff;--nav:#101b3c;--shadow:0 15px 36px rgba(24,47,102,.10);background:linear-gradient(180deg,#edf3ff 0%,#fff 45%,#edf3ff 100%);color:#14213e}
body.reimagined .site-header{background:linear-gradient(115deg,#0b1633,#1d2954 68%,#1b2763);box-shadow:0 6px 30px #0c17442e;border-bottom:1px solid #4a5b9c}
body.reimagined .site-header .brand,body.reimagined .site-header .nav-links a,body.reimagined .site-header .login-link{color:#f5f9ff}
body.reimagined .site-header .nav-links a:hover,body.reimagined .site-header .nav-links a.active,body.reimagined .site-header .brand em{color:#8ce8ff}
body.reimagined .site-header .icon-btn,body.reimagined .site-header .lang-select,body.reimagined .site-header .btn-outline{background:#273759;color:#fff;border-color:#6b7ca3}
body.reimagined .top-notice{background:#070f27;color:#f5faff}
body.reimagined .hero{background:radial-gradient(circle at 85% 25%,#2974bd82 0%,transparent 36%),radial-gradient(circle at 18% 80%,#742cbd55 0%,transparent 48%),linear-gradient(125deg,#07112b 0%,#101f4b 60%,#11153b 100%);color:#fff;isolation:isolate;overflow:hidden}
body.reimagined .hero:before{content:'';position:absolute;inset:auto -18% -65% 30%;width:76%;height:135%;border-radius:50%;border:1px solid #70e7ff45;box-shadow:0 0 90px #8c53ec42;pointer-events:none;transform:rotate(20deg)}
body.reimagined .hero h1{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 3px 20px #061026}
body.reimagined .hero h1 .gradient-text{background:linear-gradient(90deg,#76e8ff,#a6adff,#ceaeff)!important;color:#a6d6ff;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}
body.reimagined .hero p,body.reimagined .hero .hero-trust{color:#e2eafa!important;font-size:17px!important}
body.reimagined .hero .hero-stats{border-top:1px solid #6c87bd60}
body.reimagined .hero .hero-stat b{color:#fff}
body.reimagined .hero .hero-stat span{color:#dce6ff}
body.reimagined .hero .hero-tag{background:#172f59;color:#d3f9ff;border:1px solid #37d8ff73}
body.reimagined .hero .hero-main-illustration{filter:drop-shadow(0 23px 22px #02092380);transform:perspective(900px) rotateY(-7deg) rotateX(3deg);transition:transform .3s}
body.reimagined .hero .hero-art:hover .hero-main-illustration{transform:perspective(900px) rotateY(0deg) rotateX(0deg)}
body.reimagined .btn-primary,.btn-primary{background:linear-gradient(110deg,#235eea,#6d48dc)!important;color:#fff!important;box-shadow:0 7px 0 #172b87,0 13px 25px #315dfa37!important;border-color:transparent!important}
body.reimagined .btn-primary:hover,.btn-primary:hover{transform:translateY(-2px);box-shadow:0 9px 0 #172b87,0 17px 27px #315dfa38!important}
body.reimagined .course-card,body.reimagined .experience-card,body.reimagined .why,body.reimagined .step,body.reimagined .benefit-rail .container,body.reimagined .faq-item{border-color:#d1dff0;background:#fff;color:#152442;box-shadow:0 7px 0 #dbe5f6,0 14px 26px #172b6518}
body.reimagined .course-card:hover,body.reimagined .experience-card:hover{transform:translateY(-5px);box-shadow:0 10px 0 #cbd8f5,0 20px 30px #2052c532;border-color:#659aff}
body.reimagined .course-card h3,body.reimagined .experience-card h3{color:#172448;font-size:18px}
body.reimagined .course-card p,body.reimagined .experience-card p{font-size:14px;color:#475879}
body.reimagined .course-body{padding:21px}
body.reimagined .course-meta,body.reimagined .course-bottom{color:#485b7b}
body.reimagined .tab,body.reimagined .search{border-color:#cbd8ef}
body.reimagined .btn-white{color:#17294e!important;background:#fff}
body.reimagined .section-lead p,body.reimagined .section-top p{color:#425579}
body.reimagined footer{background:#0b1430;color:#eaf4ff}
body.reimagined footer a{color:#e9f2ff}
body.reimagined .hero-decor{filter:drop-shadow(0 0 10px #73daff)}
body.reimagined .course-cover img{transform:scale(1.005)}
/* ===== Shared login, student, admin dashboards ===== */
body.v7{--nx-violet:#6849df;--nx-ink:#14213d;--nx-gray:#455776;--nx-line:#d7e3f1;--nx-bg:#eff4fd;--nx-white:#fff;--nx-shadow:0 8px 0 rgba(65,99,168,.045),0 16px 35px #112b6016;background:radial-gradient(ellipse at 92% 3%,#deeaff 0%,transparent 40%),linear-gradient(145deg,#e9f2ff,#f9fbff 45%,#eaf1fc);color:#172443;font-size:16px;line-height:1.68}
body.v7 .v7-sidebar{background:linear-gradient(160deg,#0a1532,#17244d 72%,#1d245b)!important;border-right:1px solid #455d92;box-shadow:8px 0 28px #0d22482c;color:#eaf3ff}
body.v7 .v7-logo{color:#f7faff;font-size:20px}
body.v7 .v7-logo b{color:#92eaff}
body.v7 .v7-label{color:#aebfe7}
body.v7 .v7-nav{color:#e0e9ff;font-weight:720;font-size:14px;border:1px solid transparent}
body.v7 .v7-nav:hover,body.v7 .v7-nav.active{color:#fff;background:linear-gradient(95deg,#294cb2,#433b92);border-color:#75baff75;box-shadow:0 5px 16px #040b2570,inset 3px 0 0 #86f6ff}
body.v7 .v7-side-bottom{border-top:1px solid #5b6f9c}
body.v7 .v7-top{background:linear-gradient(105deg,#0e1b3a,#1d2c59);border-bottom:1px solid #415a88;color:#fff;box-shadow:0 6px 18px #15275724}
body.v7 .v7-top h2{color:#fff}
body.v7 .v7-user{color:#e6f3ff;font-weight:650}
body.v7 .v7-avatar{box-shadow:0 5px 14px #131c5680,0 0 0 2px #5fe9ff55}
body.v7 .v7-card,body.v7 .v7-tablewrap,body.v7 .v8-feature{background:#fff;color:#14213d;border:1px solid #cfdef3;border-radius:18px;box-shadow:0 6px 0 #dde7f8,0 14px 26px #10245210}
body.v7 .v7-head h1{color:#14254b;font-size:clamp(24px,2.4vw,34px);font-weight:850}
body.v7 .v7-muted,body.v7 .v8-feature p{color:#405372;font-size:14px}
body.v7 .v7-kpi{color:#1f3779}
body.v7 .v7-card h2,body.v7 .v7-card h3{color:#172a53}
body.v7 .v7-btn{color:#203a69;background:#fff;border-color:#a8c6e7;min-height:42px;font-size:14px}
body.v7 .v7-btn.primary{background:linear-gradient(110deg,#255fee,#6645d5);box-shadow:0 5px 0 #1e3289,0 8px 18px #4362d03b;color:#fff;border:0}
body.v7 .v7-table th{background:#eaf0fa;color:#253a5f;font-size:14px}
body.v7 .v7-table td{color:#263e62;font-size:14px}
body.v7 .v7-field,body.v7 label{color:#263d60;font-size:14px}
body.v7 .v7-field input,body.v7 .v7-field select,body.v7 .v7-field textarea,body.v7 .v7-input{border-color:#aabfdb;background:#fff;color:#132442;font-size:15px}
body.v7 .v7-field input:focus,body.v7 .v7-input:focus{box-shadow:0 0 0 4px #00a6db22;border-color:#1878c9}
body.v7 .v7-notice{font-size:15px}
body.v7 .v7-syllabus button{color:#223f65;font-size:14px}
body.v7 .v7-course p{color:#445976}
body.v7 .v7-auth-page,body.v7.v7-auth-page{background:radial-gradient(circle at 85% 15%,#414bb880,transparent 38%),linear-gradient(135deg,#091533,#1e2f65 65%,#111434)}
body.v7 .v7-authbox{box-shadow:0 10px 0 #122358,0 32px 70px #020a2b8c}
body.v7 .v7-auth-art{background:radial-gradient(circle at 80% 15%,#623fd488,transparent 40%),linear-gradient(150deg,#0b1634,#1e2c69);color:#fff}
body.v7 .v7-auth-form{background:#fff;color:#162747}
body.v7 .v7-link{color:#2558b9}
body.v7 .v7-lesson .v7-article{color:#152441;font-size:17px;line-height:1.85}
body.v7 .v7-modal{color:#1a2949}
body.v7 .v7-logout{background:#fff1f0;color:#9c263c}
body.v7 .v7-danger{background:#fff0f2;color:#8c233d;border-color:#f4bac9}
body.v7 .v7-success{background:#e9fbf5;color:#0f6645;border-color:#9ee5c3}
/* ===== Growth Studio: readable workspace + neon accents ===== */
body:has(.sx-nav){background:linear-gradient(140deg,#eef3ff,#fbfdff);color:#152846}
.sx-nav{background:linear-gradient(105deg,#0c1a3a,#202d61)!important;color:#fff;border-color:#4d6795!important}
.sx-nav .sx-brand,.sx-nav>span{color:#fff}
.sx-head{background:radial-gradient(circle at 87% 10%,#7462ed88,transparent 45%),linear-gradient(115deg,#0a1736,#1d3974 60%,#0d7279);border:1px solid #69d2e78f;box-shadow:0 9px 0 #b7cce9,0 17px 28px #0b2c4f32;color:white}
.sx-head p{color:#e5f7ff}
.sx-tile,.sx-panel{background:#fff;color:#172b4c;border:1px solid #d1e0f0;box-shadow:0 5px 0 #d7e6f7,0 12px 24px #0e2c4e18}
.sx-tile h3{color:#172a52}.sx-tile p,.sx-muted{color:#435775}
.sx-btn.primary,.sx-btn.active{background:linear-gradient(115deg,#265ae7,#5f44d4);color:#fff;border-color:#2b53b8;box-shadow:0 4px 0 #253a81}
.sx-form input,.sx-form select,.sx-form textarea{background:#fff;color:#132545;border:1px solid #adc3e1}
@media(max-width:800px){body.reimagined .site-header .nav-links{background:#11224b;border-color:#5368a8}body.reimagined .site-header .nav-links a{color:#fff}body.v7 .v7-mainbody{padding:19px}body.v7 .v7-top{padding:13px 16px}}
@media(prefers-reduced-motion:reduce){body.reimagined .hero .hero-main-illustration,body.reimagined .course-card,body.reimagined .experience-card{transition:none!important;transform:none!important}}