@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Noto+Sans+Tamil:wght@400;500;600;700&display=swap');
/* Shared account and study surfaces, following KalviYogi's graphite/gold system. */
.ky-account-ui,.ky-student-ui,.ky-policy-ui{--bg:#080a0b;--bg-dark:#080a0b;--bg-primary:#080a0b;--bg-secondary:#0d0f11;--bg-card:#17191b;--bg-elevated:#222527;--card:#17191b;--text:#f7f5ee;--text-primary:#f7f5ee;--text-secondary:#a8acb3;--text-muted:#a8acb3;--muted:#a8acb3;--border:rgba(255,255,255,.13);--border-color:rgba(255,255,255,.13);--border-default:rgba(255,255,255,.13);--gold:#e2bd42;--gold-primary:#e2bd42;--gold-dark:#c5a128;--gold-light:#f2d46b;--accent:#e2bd42;--accent2:#e2bd42;--gradient-gold:linear-gradient(135deg,#e2bd42,#f2d46b);font-family:Outfit,'Noto Sans Tamil',system-ui,sans-serif!important;color:#f7f5ee;background:radial-gradient(ellipse at 90% 0,rgba(226,189,66,.10),transparent 40rem),#080a0b!important;font-size:16px;line-height:1.6;color-scheme:dark}
.ky-account-ui :where(a,button,input,select,textarea):focus-visible,.ky-student-ui :where(a,button,input,select,textarea):focus-visible,.ky-policy-ui a:focus-visible{outline:3px solid #e2bd42;outline-offset:4px}
.ky-account-ui{padding:24px!important;min-height:100svh;display:flex;align-items:center;justify-content:center}
.ky-account-ui .register-container{width:min(100%,520px);padding:24px 0}
.ky-account-ui .register-card,.ky-account-ui .login-card{border:1px solid rgba(255,255,255,.13)!important;background:#17191b!important;border-radius:24px!important;box-shadow:0 24px 60px rgba(0,0,0,.22)!important;padding:32px}
.ky-account-ui .register-title,.ky-account-ui .branding-title{font-family:Outfit,'Noto Sans Tamil',sans-serif!important;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.18;letter-spacing:-.035em;color:#f7f5ee}
.ky-account-ui .register-title span,.ky-account-ui .branding-title span{color:#e2bd42;background:none!important;-webkit-text-fill-color:#e2bd42}
.ky-account-ui .form-label{color:#f7f5ee!important;font-weight:500;font-size:15px}
.ky-account-ui :where(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font:inherit!important;font-size:16px!important;min-height:50px;background:#0d0f11!important;border:1px solid #62676e!important;color:#f7f5ee!important;border-radius:12px!important;max-width:100%}
.ky-account-ui input::placeholder{color:#a8acb3!important}
.ky-account-ui .btn-primary,.ky-account-ui .register-btn,.ky-account-ui button[type=submit]{min-height:50px;background:#e2bd42!important;color:#11110d!important;border:1px solid #e2bd42!important;border-radius:12px!important;font-weight:700;box-shadow:none!important}
.ky-account-ui a{color:#e2bd42}.ky-account-ui p,.ky-account-ui .register-subtitle,.ky-account-ui .branding-subtitle,.ky-account-ui .form-helper,.ky-account-ui .register-footer{color:#a8acb3}
.ky-account-ui .register-benefits{gap:14px;flex-wrap:wrap;color:#a8acb3}.ky-account-ui .benefit{font-size:14px}
.ky-account-ui .login-page{max-width:1100px;width:100%;min-height:auto;background:transparent;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,460px);gap:56px;align-items:center;padding:24px}
.ky-account-ui .login-branding{background:transparent!important;box-shadow:none!important;border:0!important;padding:24px}
.ky-account-ui .login-branding-content{max-width:480px}.ky-account-ui .login-branding .branding-icon{background:rgba(226,189,66,.12);color:#e2bd42;border-radius:20px}
.ky-account-ui .login-form-wrapper,.ky-account-ui .login-form-section{padding:0!important;background:transparent!important}
.ky-account-ui .card-title,.ky-account-ui .card-header h2{color:#f7f5ee;font-family:inherit}
.ky-student-ui .header{background:rgba(8,10,11,.94)!important;border-color:rgba(255,255,255,.10)!important;box-shadow:none!important;backdrop-filter:blur(18px)}
.ky-student-ui .sidebar,.ky-student-ui .bottom-nav,.ky-student-ui .dropdown-menu{background:#101214!important;border-color:rgba(255,255,255,.12)!important}
.ky-student-ui .content{max-width:1500px;width:100%}
.ky-student-ui :where(.stat-card,.card,.test-card,.exam-card,.attempt-card,.schedule-card,.section-card){background:#17191b!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;box-shadow:0 12px 28px rgba(0,0,0,.10)!important}
.ky-student-ui :where(h1,h2,h3,.page-title,.section-title,.stat-value){font-family:Outfit,'Noto Sans Tamil',sans-serif!important;letter-spacing:-.025em}
.ky-student-ui .header-btn,.ky-student-ui .nav-item,.ky-student-ui .nav-link{min-height:44px}
.ky-student-ui .nav-link.active,.ky-student-ui .nav-item.active{color:#e2bd42!important;background:rgba(226,189,66,.10)!important}
.ky-student-ui .btn-primary,.ky-student-ui .btn-gold{background:#e2bd42!important;color:#11110d!important;box-shadow:none!important;border-color:#e2bd42!important;border-radius:12px;min-height:46px}
.ky-student-ui .stat-label,.ky-student-ui .section-subtitle,.ky-student-ui .test-meta{color:#a8acb3!important}
.ky-student-ui .table-responsive{overflow:auto;max-width:100%}.ky-student-ui th{background:#101214!important;color:#a8acb3!important}.ky-student-ui td{border-color:rgba(255,255,255,.10)!important}
.ky-policy-ui .topbar{background:rgba(8,10,11,.94)!important}.ky-policy-ui .card{background:#17191b!important;border-radius:20px!important}.ky-policy-ui h1,.ky-policy-ui h2{font-family:Outfit,'Noto Sans Tamil',sans-serif!important}
@media(max-width:720px){.ky-account-ui{padding:16px!important}.ky-account-ui .login-page{display:block;padding:0}.ky-account-ui .login-branding{display:none}.ky-account-ui .register-card,.ky-account-ui .login-card{padding:24px}.ky-account-ui .register-title{font-size:30px}.ky-student-ui .content{padding:16px!important}.ky-student-ui .stats-grid{gap:12px}.ky-student-ui .bottom-nav{padding-bottom:env(safe-area-inset-bottom)}}
@media(prefers-reduced-motion:reduce){.ky-account-ui *,.ky-student-ui *,.ky-policy-ui *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Replace the legacy oversized animated backdrop with the account background above. */
.ky-account-ui::before{content:none!important}

/* Original supplied logo, presented without cropping. */
.ky-account-ui .logo-wrapper{background:#fff!important;border:1px solid #d9dde2!important;box-shadow:none!important;border-radius:16px!important}
.ky-account-ui .logo-wrapper img{display:block;width:100%;height:100%;object-fit:contain!important;padding:5px;box-sizing:border-box}
.ky-account-ui .ky-register-brand{font-size:15px;font-weight:600;letter-spacing:.03em;color:#e2bd42;margin:0 0 12px}
