:root{
  --navy:#0A1628;
  --orange:#FF6B00;
  --orange-dark:#e05f00;
  --bg:#F5F7FB;
  --card:#fff;
  --text:#172033;
  --muted:#6B7280;
  --border:#E8EAF0;
  --purple:#7C3AED;
  --purple-light:#F3EEFF;
  --green:#16A34A;
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}
button{font-family:inherit}
.container{max-width:1160px;margin:auto;padding:0 22px}

/* Existing/common styles */
.btn{display:inline-block;background:var(--orange);color:#fff!important;padding:11px 22px;border-radius:8px;font-weight:700;border:0;cursor:pointer;font-size:14px;transition:.2s}
.btn:hover{background:var(--orange-dark)}
footer{text-align:center;color:var(--muted);font-size:13px}

/* Dashboard navigation */
.dash-nav{position:sticky;top:0;z-index:100;background:rgba(10,22,40,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.dash-nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between}
.dash-brand{display:flex;align-items:center;gap:9px;color:#fff;font-size:21px;font-weight:900}
.dash-brand>span:last-child>span,.footer-brand span{color:#FF8A3D}
.brand-book{font-size:25px}
.dash-user{display:flex;align-items:center;gap:10px}
.user-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#8B5CF6,#EC4899);color:#fff;font-weight:800;box-shadow:0 5px 16px rgba(124,58,237,.3)}
.user-info{display:flex;flex-direction:column;color:#fff;line-height:1.15}
.user-info small{font-size:10px;color:#AAB4C5;text-transform:uppercase;letter-spacing:.8px}
.user-info strong{font-size:13px;margin-top:3px}
.logout-btn{width:36px;height:36px;margin-left:8px;border:1px solid rgba(255,255,255,.15);border-radius:11px;display:grid;place-items:center;color:#CBD5E1;font-size:18px;transition:.2s}
.logout-btn:hover{background:rgba(255,255,255,.1);color:#fff}

/* Hero */
.dash-hero{position:relative;overflow:hidden;background:linear-gradient(120deg,#0A1628 0%,#142B4D 56%,#38206B 100%);color:#fff}
.dash-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.13) 1px,transparent 1px);background-size:28px 28px;opacity:.15}
.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.28;pointer-events:none}
.orb-one{width:360px;height:360px;right:-120px;top:-190px;background:#7C3AED}
.orb-two{width:280px;height:280px;left:-180px;bottom:-180px;background:#FF6B00}
.hero-stars{position:absolute;right:12%;top:20%;color:rgba(255,255,255,.45);font-size:17px;letter-spacing:12px;animation:twinkle 3s ease-in-out infinite}
.dash-hero-inner{min-height:410px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:58px;padding-bottom:55px;position:relative;z-index:1}
.hero-copy{max-width:650px}
.hero-badge{display:inline-flex;padding:8px 13px;border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.08);border-radius:999px;color:#E9D5FF;font-size:10px;font-weight:800;letter-spacing:1px;margin-bottom:17px;animation:floatBadge 3s ease-in-out infinite}
.hero-copy h1{font-size:clamp(38px,5vw,58px);line-height:1.04;letter-spacing:-2px;margin:0 0 17px}
.hero-copy h1 span{background:linear-gradient(90deg,#FFB36D,#C4B5FD);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy p{max-width:590px;color:#C9D3E2;font-size:16px;line-height:1.7;margin:0 0 25px}
.hero-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.hero-primary{border:0;cursor:pointer;background:linear-gradient(135deg,#FF7A18,#FFB347);color:#241000;border-radius:13px;padding:13px 18px;font-size:14px;font-weight:850;box-shadow:0 10px 28px rgba(255,107,0,.22);transition:.25s}
.hero-primary span{margin-left:5px}
.hero-primary:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(255,107,0,.3)}
.hero-secondary{padding:12px 17px;border:1px solid rgba(255,255,255,.18);border-radius:13px;color:#fff;font-size:13px;font-weight:700;background:rgba(255,255,255,.05);transition:.25s}
.hero-secondary:hover{background:rgba(255,255,255,.1);transform:translateY(-2px)}

/* Illustration */
.hero-illustration{width:370px;height:270px;position:relative;flex:none}
.study-glow{position:absolute;width:220px;height:220px;right:60px;top:25px;border-radius:50%;background:rgba(139,92,246,.23);filter:blur(25px)}
.study-card{position:absolute;right:45px;top:55px;width:220px;padding:22px;border-radius:22px;background:rgba(255,255,255,.94);color:#172033;box-shadow:0 25px 70px rgba(0,0,0,.28);transform:rotate(-3deg);animation:cardFloat 4s ease-in-out infinite}
.study-card-top{font-size:10px;color:#7C3AED;font-weight:900;letter-spacing:1px}
.study-progress{height:9px;background:#E9E5FF;border-radius:20px;margin:20px 0 16px;overflow:hidden}
.study-progress span{display:block;width:72%;height:100%;border-radius:20px;background:linear-gradient(90deg,#7C3AED,#EC4899);animation:progressGrow 2s ease-out}
.study-card-bottom{display:flex;justify-content:space-between;font-size:12px}
.floating-book{position:absolute;font-size:58px;filter:drop-shadow(0 12px 15px rgba(0,0,0,.2))}
.book-back{left:35px;bottom:35px;transform:rotate(-14deg);animation:bookFloat 4.5s ease-in-out infinite}
.book-front{left:78px;bottom:10px;transform:rotate(12deg);animation:bookFloat 4s ease-in-out .5s infinite}
.float-icon{position:absolute;width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(8px);font-size:22px;box-shadow:0 12px 28px rgba(0,0,0,.14)}
.fi-pencil{right:5px;top:24px;animation:floatSmall 3.4s ease-in-out infinite}
.fi-bulb{left:5px;top:32px;animation:floatSmall 3.8s ease-in-out .4s infinite}
.fi-atom{right:4px;bottom:25px;animation:floatSmall 3.6s ease-in-out .8s infinite}

/* Content */
.dashboard-content{padding-top:28px;padding-bottom:65px}
.quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:-10px;position:relative;z-index:5}
.stat-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px;display:flex;align-items:center;gap:13px;box-shadow:0 10px 28px rgba(16,24,40,.05);transition:.25s}
.stat-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(16,24,40,.08)}
.stat-icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;font-size:21px}
.stat-orange{background:#FFF0E6}.stat-purple{background:#F0EAFF}.stat-green{background:#EAF9EF}
.stat-card strong{display:block;font-size:19px;color:#172033}
.stat-card span{display:block;font-size:11px;color:#7B8494;margin-top:2px}

.status-card{margin-top:22px;display:flex;align-items:center;gap:14px;border-radius:17px;padding:17px 20px}
.status-paid{background:#ECFDF3;border:1px solid #BBE8CA;color:#166534}
.status-check{width:36px;height:36px;border-radius:50%;background:#22C55E;color:#fff;display:grid;place-items:center;font-weight:900}
.status-card strong{font-size:14px}.status-card p{margin:3px 0 0;font-size:12px;color:#4B7A5B}
.status-pill{margin-left:auto;padding:6px 10px;border-radius:999px;background:#D8F6E3;color:#16803D;font-size:9px;font-weight:900;letter-spacing:1px}

.premium-card{position:relative;overflow:hidden;margin-top:22px;display:flex;align-items:center;gap:17px;padding:22px 25px;border-radius:20px;color:#fff;background:linear-gradient(105deg,#5B21B6,#7C3AED 48%,#A855F7);box-shadow:0 16px 35px rgba(91,33,182,.17)}
.premium-card:after{content:"";position:absolute;width:240px;height:240px;right:-90px;top:-130px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.04),0 0 0 70px rgba(255,255,255,.025)}
.premium-sparkles{position:absolute;right:30%;top:13px;color:rgba(255,255,255,.3);letter-spacing:15px}
.premium-icon{width:52px;height:52px;border-radius:16px;background:rgba(255,255,255,.13);display:grid;place-items:center;font-size:25px;flex:none}
.premium-copy{position:relative;z-index:2}
.premium-label{font-size:9px;font-weight:900;letter-spacing:1.2px;color:#DDD6FE}
.premium-copy h2{font-size:18px;margin:4px 0}
.premium-copy p{font-size:12px;color:#E9D5FF;margin:0}
.premium-btn{position:relative;z-index:3;margin-left:auto;flex:none;border:0;background:#fff;color:#6D28D9;padding:12px 17px;border-radius:11px;font-weight:850;cursor:pointer;transition:.2s}
.premium-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.14)}

.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:42px 0 20px}
.section-kicker{font-size:10px;font-weight:900;letter-spacing:1.5px;color:#7C3AED}
.section-heading h2{margin:5px 0 5px;font-size:26px;letter-spacing:-.7px}
.section-heading p{margin:0;color:#7B8494;font-size:13px}
.library-chip{padding:9px 13px;border:1px solid #E6DDFB;background:#FAF8FF;border-radius:999px;color:#6D28D9;font-size:11px;font-weight:800;white-space:nowrap}

.subject-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:16px}
.subject-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:19px;padding:20px;min-height:210px;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s,border-color .25s}
.subject-card:hover{transform:translateY(-6px);border-color:#D8C8FF;box-shadow:0 18px 35px rgba(38,30,70,.1)}
.subject-shine{position:absolute;width:100px;height:100px;right:-55px;top:-55px;background:#F0EAFF;border-radius:50%;transition:.3s}
.subject-card:hover .subject-shine{transform:scale(2)}
.subject-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}
.subject-icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#FFF3E9,#F4EDFF);display:grid;place-items:center;font-size:25px;box-shadow:inset 0 0 0 1px rgba(124,58,237,.05)}
.open-arrow{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#F6F3FF;color:#7C3AED;font-weight:900}
.subject-card h3{margin:18px 0 7px;font-size:16px;position:relative}
.subject-card p{margin:0;color:#71798A;font-size:12.5px;line-height:1.55;position:relative}
.subject-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;font-size:10.5px;font-weight:750;color:#7B8494;position:relative}
.study-now{color:#7C3AED}
.subject-locked{filter:none;background:linear-gradient(145deg,#fff,#FBFBFC)}
.subject-locked:hover{transform:translateY(-3px)}
.subject-locked .subject-icon{filter:grayscale(.35)}
.lock-corner{position:absolute;right:14px;top:14px;font-size:15px;z-index:3}
.locked-label{font-size:8px;font-weight:900;letter-spacing:1px;color:#9AA2AF;background:#F1F3F6;padding:5px 8px;border-radius:999px}
.unlock-small{color:#9A6A2D}

.dash-footer{padding:34px 0;background:#fff;border-top:1px solid var(--border)}
.dash-footer .container{text-align:center}
.footer-brand{font-size:18px;font-weight:900;color:#172033}
.dash-footer p{margin:6px 0 10px;font-size:12px;color:#8A93A2}
.dash-footer small{font-size:11px;color:#A0A7B3}

/* Animations */
@keyframes floatBadge{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes cardFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-9px) rotate(-3deg)}}
@keyframes bookFloat{0%,100%{margin-bottom:0}50%{margin-bottom:8px}}
@keyframes floatSmall{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(5deg)}}
@keyframes progressGrow{from{width:0}to{width:72%}}
@keyframes twinkle{0%,100%{opacity:.3}50%{opacity:.8}}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

@media(max-width:800px){
  .dash-hero-inner{min-height:0;padding-top:45px;padding-bottom:42px}
  .hero-illustration{width:310px;height:230px;transform:scale(.9);margin-right:-20px}
  .study-card{right:20px}
  .quick-stats{grid-template-columns:1fr}
  .stat-card{padding:13px}
  .section-heading{align-items:flex-start;flex-direction:column}
  .premium-card{align-items:flex-start;flex-wrap:wrap}
  .premium-btn{margin-left:69px}
}
@media(max-width:640px){
  .container{padding:0 15px}
  .dash-nav-inner{height:64px}
  .user-info{display:none}
  .logout-btn{margin-left:3px}
  .dash-hero-inner{display:block;padding-top:35px;padding-bottom:20px}
  .hero-copy{max-width:none}
  .hero-copy h1{font-size:39px;letter-spacing:-1.3px}
  .hero-copy p{font-size:14px}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-primary,.hero-secondary{text-align:center;width:100%}
  .hero-illustration{width:100%;height:220px;transform:none;margin:5px auto 0}
  .study-card{right:50%;transform:translateX(50%) rotate(-3deg);top:45px}
  .book-back{left:10%;bottom:25px}
  .book-front{left:18%;bottom:5px}
  .fi-pencil{right:8%}.fi-atom{right:9%}.fi-bulb{left:5%}
  .quick-stats{margin-top:0}
  .dashboard-content{padding-top:18px}
  .premium-card{padding:19px;gap:12px}
  .premium-icon{width:45px;height:45px;font-size:21px}
  .premium-copy{width:calc(100% - 60px)}
  .premium-copy h2{font-size:16px}
  .premium-copy p{font-size:11px}
  .premium-btn{width:100%;margin-left:0}
  .section-heading{margin-top:32px}
  .section-heading h2{font-size:23px}
  .library-chip{align-self:flex-start}
  .subject-grid{grid-template-columns:1fr;gap:12px}
  .subject-card{min-height:185px}
  .hero-stars{right:5%;top:12%}
}

/* =====================================================
   हिन्दी / English language switch + Hindi typography
   (added for the bilingual site — nothing above changed)
   ===================================================== */
.lang-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);flex-shrink:0}
.lang-switch a,.home-nav nav .lang-switch a{display:inline-flex!important;align-items:center;padding:6px 12px;border-radius:999px;font-size:12px!important;font-weight:700;line-height:1;color:#cbd5e1!important;text-decoration:none;transition:background .2s,color .2s;transform:none!important}
.lang-switch a:hover{color:#fff!important;background:rgba(255,255,255,.14)}
.lang-switch a.active,.home-nav nav .lang-switch a.active{background:#fff;color:#14213d!important;box-shadow:0 2px 8px rgba(0,0,0,.18)}
.nav-right{display:flex;align-items:center;gap:16px}
.dash-user .lang-switch{margin-right:6px}
@media(max-width:600px){
  .lang-switch a,.home-nav nav .lang-switch a{padding:5px 9px;font-size:11px!important}
  .nav-right{gap:9px}
  .dash-user .lang-switch{margin-right:2px}
}

/* Devanagari needs a little more breathing room than Latin */
html[lang="hi"] body{font-family:Poppins,"Noto Sans Devanagari","Segoe UI","Nirmala UI",system-ui,sans-serif}
html[lang="hi"] *{letter-spacing:normal!important}
html[lang="hi"] h1,html[lang="hi"] h2,html[lang="hi"] h3{line-height:1.3!important}
html[lang="hi"] p,html[lang="hi"] li{line-height:1.75}
html[lang="hi"] .home-hero h1{font-size:clamp(34px,5vw,56px)}
.login-navbar .nav-right,.signup-navbar .nav-right{margin-left:22px}