/* RAS Mock Test 2026 — Royal Indigo / Teal refresh. Visual layer only. */
:root{--primary:#635bff;--primary-2:#776bff;--primary-3:#b1abff;--primary-dark:#4035c9;--bg:#f5f7ff;--surface:#fff;--surface-soft:#eef2ff;--text:#17213d;--muted:#64718e;--border:#dde4f5;--success:#14b8a6;--ras-navy:#182448;--ras-yellow:#6d63f8;--ras-yellow-dark:#5549da;--ras-ink:#17213d;--ras-text:#17213d;--ras-soft:#f2f5ff;--ras-muted:#66738c;--ras-line:#dfe6f5;--ras-shadow:0 25px 70px rgba(31,42,92,.12)}
html{scroll-behavior:smooth}
body{background:#f5f7ff!important;color:#17213d!important;font-family:'Plus Jakarta Sans',Inter,system-ui,sans-serif!important}
.ras2026-landing{background:#fff!important;color:#17213d!important}
.ras2026-header{background:rgba(255,255,255,.94)!important;border-bottom:1px solid #e3e8fa!important;box-shadow:0 5px 20px rgba(30,41,92,.04)}
.ras2026-brand b,.ras2026-nav a{color:#1e2850!important}
.ras2026-brand small,.ras2026-eyebrow,.ras2026-section-title>span,.ras2026-register-head small,.ras2026-otp-title small{color:#635bdf!important}
.ras2026-hero{background:radial-gradient(ellipse at 90% 8%,rgba(99,91,255,.14),transparent 48%),radial-gradient(ellipse at 7% 90%,rgba(20,184,166,.12),transparent 45%),linear-gradient(145deg,#f9faff,#edf1ff)!important}
.ras2026-hero:before{background-image:radial-gradient(circle,rgba(99,91,255,.13) 1px,transparent 1px)!important;background-size:20px 20px!important;inset:0!important;width:auto!important;height:auto!important;border-radius:0!important;opacity:.65!important}
.ras2026-hero:after{border-color:rgba(20,184,166,.11)!important}
.ras2026-hero h1,.ras2026-hero h2,.ras2026-register-head h3,.ras2026-otp-title h3,.ras2026-section-title h2{color:#172248!important}
.ras2026-hero h1 strong{color:#5c52df!important}
.ras2026-status{border-color:#cdcaff!important;background:#f3f1ff!important;color:#4e47b0!important}
.ras2026-status span{background:#16b8aa!important;box-shadow:0 0 0 5px #d8f8f2!important}
.ras2026-register-card,.ras2026-hero-facts article,.ras2026-purpose-card,.ras2026-feature-grid article,.ras2026-pattern-grid article,.ras2026-timeline article:not(.active){background:#fff!important;border-color:#dfe5f7!important;box-shadow:0 12px 30px rgba(41,47,112,.055)!important}
.ras2026-register-card{border-radius:26px!important;box-shadow:0 28px 65px rgba(42,46,112,.15)!important}
.ras2026-fee,.ras2026-pattern-grid .fee-card,.ras2026-card-label,.ras2026-timeline .date{background:#eeeaff!important;border-color:#d7d0ff!important;color:#5646bb!important}
.ras2026-fee b,.ras2026-pattern-grid .fee-card b{color:#574de3!important}
.ras2026-field-label,.ras2026-feature-grid b,.ras2026-pattern-grid b{color:#1b2850!important}
.ras2026-mobile-input{border-color:#ced7ec!important;background:#fff!important}
.ras2026-mobile-input:focus-within{border-color:#6c62f5!important;box-shadow:0 0 0 4px rgba(99,91,255,.11)!important}
.ras2026-mobile-input>span{background:#f3f5ff!important;border-right-color:#e0e6f5!important}
.ras2026-top-cta,.ras2026-btn-primary,.ras2026-submit,.ras2026-final-cta button{background:linear-gradient(135deg,#6e63ff,#5448d8)!important;color:#fff!important;box-shadow:0 9px 22px rgba(99,91,255,.25)!important;border-radius:13px!important}
.ras2026-top-cta:hover,.ras2026-btn-primary:hover,.ras2026-submit:hover,.ras2026-final-cta button:hover{background:linear-gradient(135deg,#5b50e6,#4037ad)!important;box-shadow:0 11px 26px rgba(99,91,255,.32)!important}
.ras2026-btn-secondary{border-color:#cdd6ed!important;color:#3f438a!important}
.ras2026-highlight-strip,.ras2026-centre-note,.ras2026-timeline article.active,.ras2026-final-cta{background:linear-gradient(120deg,#182448,#302a70)!important}
.ras2026-highlight-grid>article>span,.ras2026-centre-note .icon{background:#35d0c0!important;color:#123d48!important}
.ras2026-soft-section,.ras2026-dates-section{background:#f4f6ff!important}
.ras2026-feature-grid i{background:#e7f9f6!important;color:#0d857b!important}
.ras2026-fee-note{background:#f4f2ff!important;border-color:#dcd5ff!important}
.ras2026-fee-note span{color:#655ad5!important}
.ras2026-final-cta small{color:#55e0cc!important}
/* Existing form steps and confirmation UI */
.form-main,.form-card,.form-panel,.registration-card,.otp-card,.ci-card{border-color:#e0e6f4!important}
.form-topbar{background:linear-gradient(135deg,#182448,#4037a0)!important}
input:focus,select:focus,textarea:focus{outline-color:#7167f2;--bs-focus-ring-color:rgba(99,91,255,.15)}
.btn-primary,.bg-primary{background-color:#6258ef!important;border-color:#6258ef!important}
.text-primary{color:#6258ef!important}
/* Dashboard/result cards use the same shape and tone */
.app-top,.topbar{background:linear-gradient(125deg,#17244a 0%,#5145b3 78%,#655aff 100%)!important}
.app-shell,.pull-up{position:relative}
.welcome-card,.paid-card,.section-card,.nav-card,.result-card,.stat-card,.student-strip{border-radius:20px!important;box-shadow:0 12px 32px rgba(25,39,88,.08)!important;border-color:#e1e7f5!important}
.btn-main,.service-btn:not(.service-disabled){background:linear-gradient(135deg,#675df4,#5145c6)!important;color:#fff!important}
.btn-outline-app{border-color:#a8a3ea!important;color:#4f47b5!important}
/* payment status pages */
.failed-card{border-color:#e3e6f4!important;box-shadow:0 24px 70px rgba(34,44,99,.15)!important}
.btn-home{background:#eeefff!important;color:#4741a1!important}
/* Tailwind admin panel: overwrite brand surfaces without affecting state colors */
body:has(form [name="login_submit"]),body:has(a[href*="logout"]){background:#f4f6ff!important}
body:has(form [name="login_submit"]) .max-w-md{border-color:#dfe4fb!important;box-shadow:0 28px 70px rgba(28,39,94,.17)!important}
body:has(form [name="login_submit"]) input:focus{border-color:#635bff!important;box-shadow:0 0 0 4px rgba(99,91,255,.10)!important}
/* Accessibility and mobile refinements */
button,a,input,select,textarea{transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .2s ease}
:focus-visible{outline:3px solid #35c3b9!important;outline-offset:3px}
@media(max-width:767px){.ras2026-hero{padding:36px 0!important}.ras2026-register-card{padding:20px!important;border-radius:20px!important}.ras2026-hero-facts article{border-radius:14px!important}.ras2026-top-cta,.ras2026-submit{min-height:48px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media print{body{background:#fff!important;color:#111!important}.page-sheet{box-shadow:none!important}.admit-border,.schedule-table{border-color:#111!important}}

/* Mobile/OTP typing fix: one clean focus border, never overlapping outlines. */
.ras2026-register-card .ras2026-mobile-input input:focus,
.ras2026-register-card .ras2026-mobile-input input:focus-visible {
  border:0!important; outline:0!important; box-shadow:none!important;
}
.ras2026-register-card .ras2026-mobile-input:focus-within {
  border:1px solid #635bff!important; box-shadow:none!important;
}
.ras2026-register-card .otp-row .otp-input:focus,
.ras2026-register-card .otp-row .otp-input:focus-visible {
  outline:0!important; outline-offset:0!important;
  border:1px solid #635bff!important; box-shadow:none!important;
}
/* Inputs in registration form retain a single visible focus border. */
.registration-shell .soft-input:focus,
.registration-shell .soft-input:focus-visible {
  outline:0!important; border-color:#635bff!important; box-shadow:none!important;
}


/* Dashboard contrast and admin refresh — 2026-10-21 */
/* Student paid dashboard: white on the dark gradient, not navy on navy */
.app-top{color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 22px 50px rgba(25,37,92,.22)!important}
.app-top .brand-title,.app-top .brand-title small,.app-top .brand-title h1{color:#fff!important;opacity:1!important}
.app-top .brand-title small{color:#d9e6ff!important}
.app-top .welcome-card,.app-top .welcome-card h2,.app-top .welcome-card p,.app-top .paid-card,.app-top .paid-card small,.app-top .paid-card strong{color:#fff!important;opacity:1!important}
.app-top .welcome-card{background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.28)!important;backdrop-filter:blur(7px)}
.app-top .status-pill{background:#ecfdf5!important;color:#06614f!important;border:1px solid #a7f3d0!important}
.app-top .paid-card small,.app-top .paid-card .order-id{color:#e0e8ff!important}
.app-top .paid-card strong{font-weight:900!important;text-shadow:0 2px 5px rgba(13,22,48,.14)}
.app-top .logout-btn,.app-top .btn-logout{background:#fff!important;color:#1b2851!important;border-color:transparent!important}
.app-top .logout-btn:hover,.app-top .btn-logout:hover{background:#e9efff!important}
.app-shell .nav-card{background:#fff!important;color:#233761!important;border:1px solid #dae2f5!important;box-shadow:0 10px 28px rgba(34,47,89,.065)!important}
.app-shell .nav-card:hover{border-color:#918afa!important;box-shadow:0 14px 32px rgba(49,54,135,.12)!important}
.app-shell .section-card{background:#fff!important;color:#1b2c4e!important;border:1px solid #dde5f6!important}
.app-shell .section-card h2,.app-shell .section-card h3{color:#172c52!important}
.app-shell .info-box{background:#f8faff!important;border:1px solid #dce4f5!important;color:#1b3157!important}
.app-shell .info-box strong,.app-shell .info-box b{color:#16305c!important}
.app-shell .badge-soft{background:#e7f8f4!important;color:#086759!important;border-color:#b7e9df!important}
/* Student result dashboard same accessible heading treatment */
.topbar.text-white,.topbar.text-white h4,.topbar.text-white .sub,.topbar.text-white p{color:#fff!important}
.topbar.text-white .sub{opacity:.9!important}
/* Admin: replace legacy yellow-on-beige with consistent white cards/navy text */
body.ras-admin-theme{background:#f4f6ff!important;color:#1b2c4c!important}
.ras-admin-theme header{border-color:#dce4f5!important;background:rgba(255,255,255,.97)!important;box-shadow:0 5px 22px rgba(25,39,88,.06)}
.ras-admin-theme header h1{color:#16264a!important}
.ras-admin-theme main>section>div.rounded-3xl,.ras-admin-theme main .rounded-3xl.bg-white{border:1px solid #e0e6f4!important;box-shadow:0 9px 25px rgba(26,40,93,.065)!important;background:#fff!important}
.ras-admin-theme main .rounded-3xl p.text-3xl{color:#212b5b!important}
.ras-admin-theme main section p[class*=text-\[\#8a6a00\]],.ras-admin-theme main section p[class*=text-\[\#b8860b\]]{color:#586a8d!important}
.ras-admin-theme .ras-admin-verify{background:#eef2ff!important;border-bottom:1px solid #d7def8!important;color:#23365f!important}
.ras-admin-theme .ras-admin-verify input{border:1px solid #aab8dc!important;background:#fff!important;color:#17264c!important}
.ras-admin-theme .ras-admin-verify button{background:#4f46ce!important;color:#fff!important}
.ras-admin-theme input:not([type=hidden]):focus,.ras-admin-theme select:focus{outline:0!important;border-color:#635bff!important;box-shadow:0 0 0 3px rgba(99,91,255,.12)!important}
.ras-admin-theme table thead{background:#eef2ff!important;color:#263661!important}
.ras-admin-theme table tbody tr:hover{background:#f6f8ff!important}
.ras-admin-theme header a[href*=logout]{background:#242f61!important;color:#fff!important}
@media(max-width:640px){.app-top .brand-title h1{font-size:18px!important}.app-top .welcome-card h2{font-size:23px!important;line-height:1.25!important}.app-top .paid-card{text-align:left!important}.app-top .paid-card strong{font-size:30px!important}.ras-admin-theme .ras-admin-verify{padding:14px!important}.ras-admin-theme header h1{font-size:21px!important}}


/* ===== 2026-10-21 Orange + White App-Like Mobile Refresh ===== */
:root{
  --ras-orange:#f97316;
  --ras-orange-2:#fb923c;
  --ras-orange-3:#fed7aa;
  --ras-orange-soft:#fff7ed;
  --ras-orange-soft-2:#ffedd5;
  --ras-orange-deep:#c2410c;
  --ras-brown:#7c2d12;
  --ras-cream:#fffaf5;
  --ras-white:#ffffff;
  --ras-text-dark:#3b2a1e;
  --ras-text-soft:#8b6b5b;
  --ras-border-soft:#fed7aa;
  --ras-shadow-soft:0 16px 40px rgba(234,88,12,.10);
}
body{background:linear-gradient(180deg,#fffaf6 0%,#fff7ee 52%,#ffffff 100%)!important;color:var(--ras-text-dark)!important}
/* LANDING PAGE */
.ras2026-landing{background:transparent!important;color:var(--ras-text-dark)!important}
.ras2026-header{background:rgba(255,255,255,.95)!important;border-bottom:1px solid #ffddb8!important;box-shadow:0 10px 30px rgba(249,115,22,.08)!important;backdrop-filter:blur(12px)!important}
.ras2026-brand b,.ras2026-nav a,.ras2026-hero h1,.ras2026-hero h2,.ras2026-register-head h3,.ras2026-otp-title h3,.ras2026-section-title h2{color:var(--ras-brown)!important}
.ras2026-brand small,.ras2026-eyebrow,.ras2026-section-title>span,.ras2026-register-head small,.ras2026-otp-title small,.ras2026-card-label{color:var(--ras-orange)!important}
.ras2026-top-cta,.ras2026-btn-primary,.ras2026-submit,.ras2026-final-cta button{
  background:linear-gradient(135deg,var(--ras-orange),var(--ras-orange-2))!important;
  color:#fff!important;border:none!important;box-shadow:0 12px 24px rgba(249,115,22,.28)!important;
}
.ras2026-top-cta:hover,.ras2026-btn-primary:hover,.ras2026-submit:hover,.ras2026-final-cta button:hover{
  background:linear-gradient(135deg,#ea580c,#f97316)!important;box-shadow:0 14px 30px rgba(249,115,22,.30)!important;
}
.ras2026-btn-secondary{border:1px solid #fdba74!important;background:#fff!important;color:var(--ras-brown)!important}
.ras2026-hero{
  background:radial-gradient(circle at 88% 12%,rgba(251,146,60,.26),transparent 31%),
             radial-gradient(circle at 12% 85%,rgba(249,115,22,.18),transparent 28%),
             linear-gradient(145deg,#fff8f2,#fff1e6)!important;
}
.ras2026-hero:before{background-image:radial-gradient(circle,rgba(249,115,22,.11) 1px,transparent 1px)!important;opacity:.55!important}
.ras2026-hero:after{border-color:rgba(251,146,60,.18)!important}
.ras2026-status{background:#fff7ed!important;border:1px solid #fdba74!important;color:var(--ras-brown)!important}
.ras2026-status span{background:var(--ras-orange)!important;box-shadow:0 0 0 5px rgba(251,146,60,.16)!important}
.ras2026-register-card,.ras2026-hero-facts article,.ras2026-purpose-card,.ras2026-feature-grid article,.ras2026-pattern-grid article,.ras2026-timeline article:not(.active){
  background:#fff!important;border:1px solid #ffe0c2!important;box-shadow:var(--ras-shadow-soft)!important;
}
.ras2026-register-card{border-radius:28px!important}
.ras2026-fee,.ras2026-pattern-grid .fee-card,.ras2026-card-label,.ras2026-timeline .date{background:#fff1e6!important;border-color:#ffd3ad!important;color:var(--ras-brown)!important}
.ras2026-fee b,.ras2026-pattern-grid .fee-card b{color:var(--ras-orange-deep)!important}
.ras2026-field-label,.ras2026-feature-grid b,.ras2026-pattern-grid b,.ras2026-hero-facts b{color:var(--ras-brown)!important}
.ras2026-mobile-input{border:1px solid #fed7aa!important;background:#fff!important;border-radius:18px!important;overflow:hidden!important}
.ras2026-mobile-input>span{background:#fff7ed!important;border-right:1px solid #ffe0c2!important;color:var(--ras-brown)!important}
.ras2026-mobile-input:focus-within{border-color:var(--ras-orange)!important;box-shadow:0 0 0 4px rgba(249,115,22,.12)!important}
.ras2026-secure,.ras2026-secure-note{color:var(--ras-orange-deep)!important}
.ras2026-highlight-strip,.ras2026-centre-note,.ras2026-timeline article.active,.ras2026-final-cta{background:linear-gradient(135deg,#ea580c,#fb923c)!important}
.ras2026-highlight-grid>article>span,.ras2026-centre-note .icon{background:#fff!important;color:var(--ras-orange-deep)!important}
.ras2026-soft-section,.ras2026-dates-section{background:linear-gradient(180deg,#fff8f1 0%,#fffdfb 100%)!important}
.ras2026-feature-grid i{background:#fff1e6!important;color:var(--ras-orange-deep)!important}
.ras2026-fee-note{background:#fff7ed!important;border:1px solid #fed7aa!important}
.ras2026-fee-note span{color:var(--ras-orange-deep)!important}
.ras2026-final-cta small{color:#fff7ed!important}
/* input fixes */
.ras2026-register-card .ras2026-mobile-input input,
.ras2026-register-card .ras2026-mobile-input input:focus,
.ras2026-register-card .ras2026-mobile-input input:focus-visible{border:0!important;outline:0!important;box-shadow:none!important}
.ras2026-register-card .otp-row .otp-input{
  border:1px solid #fdba74!important;background:#fff!important;border-radius:16px!important;color:var(--ras-brown)!important;
}
.ras2026-register-card .otp-row .otp-input:focus,
.ras2026-register-card .otp-row .otp-input:focus-visible{outline:0!important;border-color:var(--ras-orange)!important;box-shadow:0 0 0 3px rgba(249,115,22,.12)!important}

/* STUDENT DASHBOARD */
.app-shell{max-width:1120px!important;padding:18px 12px 34px!important}
.app-top{background:linear-gradient(135deg,#f97316 0%,#fb923c 100%)!important;color:#fff!important;border:1px solid #fdba74!important;box-shadow:0 22px 55px rgba(249,115,22,.20)!important;border-radius:28px!important}
.app-top:before{background:rgba(255,255,255,.20)!important}
.app-top .brand-title,.app-top .brand-title small,.app-top .brand-title h1{color:#fff!important}
.app-top .brand-title small{color:#fff3e8!important}
.app-top .welcome-card,.app-top .paid-card{background:rgba(255,255,255,.18)!important;border:1px solid rgba(255,255,255,.35)!important;backdrop-filter:blur(10px)!important}
.app-top .welcome-card h2,.app-top .welcome-card p,.app-top .paid-card small,.app-top .paid-card strong,.app-top .paid-card .order-id{color:#fff!important}
.app-top .status-pill{background:#fff!important;color:var(--ras-orange-deep)!important;border:1px solid #fff0e1!important;font-weight:800!important}
.app-top .logout-btn,.app-top .btn-logout{background:#fff!important;color:var(--ras-orange-deep)!important;border:1px solid rgba(255,255,255,.70)!important}
.app-top .logout-btn:hover,.app-top .btn-logout:hover{background:#fff7ed!important;color:#9a3412!important}
.app-shell .nav-card,.app-shell .section-card,.result-card,.stat-card,.student-strip{background:#fff!important;border:1px solid #ffe0c2!important;box-shadow:var(--ras-shadow-soft)!important;color:var(--ras-text-dark)!important}
.app-shell .nav-card:hover{border-color:#fdba74!important;transform:translateY(-1px)!important}
.app-shell .nav-card span{background:#fff1e6!important;color:var(--ras-orange-deep)!important}
.app-shell .section-card h2,.app-shell .section-card h3,.app-shell .nav-card,.app-shell .info-box strong,.app-shell .info-box b{color:var(--ras-brown)!important}
.app-shell .info-box{background:#fffaf5!important;border:1px solid #ffe3cc!important;color:var(--ras-text-dark)!important;border-radius:18px!important}
.app-shell .info-box small{color:#8b6b5b!important}
.app-shell .badge-soft{background:#fff1e6!important;color:var(--ras-orange-deep)!important;border:1px solid #ffd2ab!important}
.notice-box{background:#fff7ed!important;border-color:#fdba74!important;color:var(--ras-brown)!important}
.btn-main{background:linear-gradient(135deg,var(--ras-orange),var(--ras-orange-2))!important;color:#fff!important;border:0!important;box-shadow:0 12px 24px rgba(249,115,22,.22)!important}
.btn-main:hover{background:linear-gradient(135deg,#ea580c,#f97316)!important}
.btn-outline-app{background:#fff!important;color:var(--ras-orange-deep)!important;border:1px solid #fdba74!important}
.btn-outline-app:hover{background:#fff7ed!important}
.success-text{color:#15803d!important}

/* ADMIN DASHBOARD */
body.ras-admin-theme{background:linear-gradient(180deg,#fffaf5 0%,#fff7ee 45%,#ffffff 100%)!important;color:var(--ras-text-dark)!important}
.ras-admin-theme .ras-admin-verify{background:#fff1e6!important;border-bottom:1px solid #ffd2ab!important;color:var(--ras-brown)!important}
.ras-admin-theme .ras-admin-verify input{border:1px solid #fdba74!important;border-radius:12px!important;padding:10px 12px!important}
.ras-admin-theme .ras-admin-verify button{background:linear-gradient(135deg,var(--ras-orange),var(--ras-orange-2))!important;color:#fff!important;border:none!important}
.ras-admin-theme header{background:rgba(255,255,255,.94)!important;border-bottom:1px solid #ffe1c7!important;box-shadow:0 10px 24px rgba(249,115,22,.07)!important}
.ras-admin-theme header p,.ras-admin-theme header h1,.ras-admin-theme header span,.ras-admin-theme header a{color:var(--ras-brown)!important}
.ras-admin-theme header a.rounded-2xl.bg-\[\#ffc928\]{background:linear-gradient(135deg,var(--ras-orange),var(--ras-orange-2))!important;color:#fff!important}
.ras-admin-theme main section>div.rounded-3xl,
.ras-admin-theme main .rounded-\[28px\],
.ras-admin-theme aside.rounded-\[28px\]{background:#fff!important;border:1px solid #ffe0c2!important;box-shadow:var(--ras-shadow-soft)!important}
.ras-admin-theme .ring-1{--tw-ring-color:#ffe0c2!important}
.ras-admin-theme table thead{background:#fff7ed!important}
.ras-admin-theme table thead th{color:var(--ras-orange-deep)!important}
.ras-admin-theme table tbody td,.ras-admin-theme table tbody p,.ras-admin-theme table tbody span,.ras-admin-theme .text-\[\#4a3a00\],.ras-admin-theme .text-\[\#8a6a00\],.ras-admin-theme .text-\[\#8b6d00\]{color:var(--ras-text-dark)!important}
.ras-admin-theme .bg-\[\#ffc928\],
.ras-admin-theme a[class*='bg-\[\#ffc928\]'],
.ras-admin-theme button[class*='bg-\[\#ffc928\]']{background:linear-gradient(135deg,var(--ras-orange),var(--ras-orange-2))!important;color:#fff!important}
.ras-admin-theme .bg-\[\#fff9e6\],.ras-admin-theme .bg-\[\#fff8df\],.ras-admin-theme .bg-\[\#fff4c9\]{background:#fff7ed!important}
.ras-admin-theme .border-\[\#ead27a\],.ras-admin-theme .border-\[\#f1e2a2\]{border-color:#ffd8b4!important}
.ras-admin-theme .hover\:bg-\[\#fff8dc\]:hover,.ras-admin-theme tr.hover\:bg-\[\#fffcf0\]:hover{background:#fff7ed!important}
body:has(form [name="login_submit"]){background:linear-gradient(180deg,#fffaf5 0%,#fff7ee 100%)!important}
body:has(form [name="login_submit"]) .max-w-md{background:#fff!important;border:1px solid #ffe0c2!important;box-shadow:0 24px 60px rgba(249,115,22,.10)!important}
body:has(form [name="login_submit"]) .text-\[\#ffc928\]{color:var(--ras-orange)!important}
body:has(form [name="login_submit"]) button[name="login_submit"]{background:linear-gradient(135deg,var(--ras-orange),var(--ras-orange-2))!important;color:#fff!important}
body:has(form [name="login_submit"]) input:focus{border-color:var(--ras-orange)!important;box-shadow:0 0 0 4px rgba(249,115,22,.10)!important}

/* MOBILE APP-LIKE FEEL */
@media(max-width:991px){
  .ras2026-hero-grid{grid-template-columns:1fr!important;gap:28px!important}
  .ras2026-register-card{max-width:100%!important}
}
@media(max-width:767px){
  .ras2026-container{width:calc(100% - 22px)!important}
  .ras2026-header-inner{height:auto!important;min-height:68px!important;padding:10px 0!important;align-items:center!important;gap:10px!important}
  .ras2026-brand small{display:block!important;max-width:140px!important;line-height:1.15!important}
  .ras2026-top-cta{margin-left:auto!important;padding:10px 12px!important;font-size:12px!important;border-radius:12px!important;box-shadow:none!important}
  .ras2026-hero{padding:28px 0 20px!important}
  .ras2026-hero h1{font-size:32px!important;line-height:1.1!important}
  .ras2026-hero h2{font-size:21px!important;line-height:1.25!important}
  .ras2026-hero-copy>p,.ras2026-highlight-grid p,.ras2026-purpose-card p,.ras2026-feature-grid p,.ras2026-pattern-grid p,.ras2026-centre-note p{font-size:14px!important;line-height:1.55!important}
  .ras2026-hero-facts,.ras2026-highlight-grid,.ras2026-feature-grid,.ras2026-pattern-grid,.ras2026-timeline{grid-template-columns:1fr!important;gap:12px!important}
  .ras2026-hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .ras2026-btn-primary,.ras2026-btn-secondary,.ras2026-submit,.ras2026-open-dashboard-btn{width:100%!important;justify-content:center!important;min-height:54px!important;font-size:15px!important;border-radius:16px!important}
  .ras2026-register-card{padding:18px!important;border-radius:22px!important}
  .ras2026-register-head{gap:12px!important;align-items:flex-start!important}
  .ras2026-fee{min-width:82px!important}
  .ras2026-mobile-input span{min-width:60px!important;font-size:16px!important}
  .ras2026-mobile-input input{padding:15px 12px!important;font-size:16px!important}
  .otp-row{gap:8px!important;justify-content:space-between!important}
  .otp-row .otp-input{width:calc((100% - 24px)/4)!important;max-width:none!important;min-width:0!important;height:52px!important;font-size:21px!important}
  .app-shell{padding:10px 8px 22px!important}
  .app-top{padding:16px!important;border-radius:22px!important}
  .brand-row{flex-direction:column!important;align-items:stretch!important;gap:14px!important}
  .brand-left{align-items:flex-start!important}
  .brand-title small{font-size:10px!important;line-height:1.3!important;max-width:100%!important}
  .brand-title h1{font-size:20px!important}
  .logout-btn{align-self:flex-end!important}
  .welcome-grid{grid-template-columns:1fr!important;gap:12px!important}
  .welcome-card{padding:16px!important;border-radius:20px!important}
  .welcome-card h2{font-size:24px!important;line-height:1.22!important}
  .paid-card{text-align:left!important}
  .paid-card strong{font-size:30px!important}
  .quick-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:14px 0 18px!important}
  .nav-card{padding:13px 12px!important;border-radius:18px!important;font-size:14px!important;min-height:78px!important;align-items:flex-start!important;flex-direction:column!important}
  .nav-card span{width:40px!important;height:40px!important;border-radius:14px!important;font-size:18px!important}
  .section-card{padding:14px!important;border-radius:20px!important;margin-bottom:14px!important}
  .section-title{align-items:flex-start!important;flex-direction:column!important}
  .section-title h3{font-size:18px!important}
  .info-grid{grid-template-columns:1fr!important;gap:10px!important}
  .info-box{min-height:auto!important;padding:12px!important;border-radius:16px!important}
  .service-grid{grid-template-columns:1fr!important}
  .bottom-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .btn-main,.btn-outline-app{width:100%!important;justify-content:center!important;text-align:center!important;min-height:52px!important;border-radius:16px!important}
  .ras-admin-theme main{padding-left:10px!important;padding-right:10px!important}
  .ras-admin-theme section.grid.md\:grid-cols-3{grid-template-columns:1fr!important;gap:12px!important}
  .ras-admin-theme .lg\:grid-cols-6{grid-template-columns:1fr!important}
  .ras-admin-theme .overflow-x-auto{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .ras-admin-theme table{min-width:780px!important}
  .ras-admin-theme .ml-auto{margin-left:0!important}
}
@media(max-width:420px){
  .ras2026-container{width:calc(100% - 16px)!important}
  .ras2026-top-cta{font-size:11px!important;padding:9px 10px!important}
  .ras2026-brand b{font-size:11px!important}
  .ras2026-brand small{display:none!important}
  .quick-nav{grid-template-columns:1fr!important}
  .paid-card strong{font-size:28px!important}
}


/* Dark Saffron + White v3: compact, readable, mobile grid */
:root{--ras-orange:#c2410c;--ras-orange-2:#ea580c;--ras-orange-3:#ffedd5;--ras-orange-deep:#9a3412;--ras-brown:#431407;--ras-text-dark:#35231d;--ras-text-soft:#67534a;--ras-border-soft:#f3c6a6;--ras-shadow-soft:0 8px 23px rgba(124,45,18,.07)}
body{background:#fffaf6!important;color:#35231d!important}
.ras2026-header{border-bottom-color:#f4d1b8!important}
.ras2026-hero{background:linear-gradient(140deg,#fffaf6 10%,#ffeddf 100%)!important}
.ras2026-hero:before{opacity:.25!important}
.ras2026-hero h1 strong{color:#b9380b!important}
.ras2026-hero-note,.ras2026-section-title p,.ras2026-feature-grid p,.ras2026-purpose-card p,.ras2026-pattern-grid p,.ras2026-register-head p{color:#67534a!important}
.ras2026-status{color:#7c2d12!important}
.ras2026-top-cta,.ras2026-btn-primary,.ras2026-submit,.ras2026-final-cta button,.btn-main{background:linear-gradient(135deg,#b9380b,#ea580c)!important;color:#fff!important;box-shadow:0 7px 17px rgba(154,52,18,.16)!important}
.ras2026-highlight-strip,.ras2026-centre-note,.ras2026-timeline article.active,.ras2026-final-cta{background:linear-gradient(120deg,#9a3412,#c2410c)!important}
.ras2026-highlight-grid small,.ras2026-centre-note p,.ras2026-timeline .active span,.ras2026-final-cta p{color:#fff1e6!important}
.ras2026-pattern-grid small,.ras2026-timeline span,.ras2026-hero-facts span{color:#754a37!important}
.ras2026-register-card,.ras2026-hero-facts article,.ras2026-purpose-card,.ras2026-feature-grid article,.ras2026-pattern-grid article,.ras2026-timeline article:not(.active){box-shadow:0 6px 18px rgba(124,45,18,.055)!important}
.app-top{background:linear-gradient(125deg,#9a3412,#c2410c 75%,#ea580c)!important;box-shadow:0 14px 34px rgba(124,45,18,.16)!important}
.app-shell .info-box{background:#fffaf6!important}
.app-shell .section-card,.app-shell .nav-card{box-shadow:0 6px 18px rgba(124,45,18,.06)!important}
.app-top .welcome-card h2,.app-top .welcome-card p,.app-top .paid-card strong,.app-top .paid-card small,.app-top .brand-title h1,.app-top .brand-title small{color:#fff!important}
.ras-admin-theme .ras-admin-verify button,body:has(form [name="login_submit"]) button[name="login_submit"]{background:linear-gradient(120deg,#9a3412,#c2410c)!important;color:#fff!important}
.ras-admin-theme .text-\[\#b8860b\]{color:#9a3412!important}
.ras-admin-theme table{font-size:13px!important}
.ras-admin-theme table th,.ras-admin-theme table td{padding:11px!important}
.ras-admin-theme table thead th{color:#7c2d12!important}
.ras-admin-theme .ras-admin-verify{font-size:13px!important;gap:8px!important}
/* Retain status semantics: green success, orange pending, red failure */
.ras-admin-theme span[class*='bg-'][class*='text-'],.ras-admin-theme .success-text{font-weight:700}
/* remove the previous mobile single-column override with stronger selectors */
@media(max-width:767px){
 .ras2026-container{width:calc(100% - 24px)!important}
 .ras2026-header-inner{min-height:58px!important;padding:6px 0!important}
 .ras2026-hero{padding:22px 0 16px!important}
 .ras2026-hero-grid{gap:16px!important}
 .ras2026-hero h1{font-size:clamp(27px,7.8vw,36px)!important;letter-spacing:-.65px!important;line-height:1.13!important}
 .ras2026-hero h2{font-size:19px!important;margin:10px 0 6px!important}
 .ras2026-eyebrow{margin:10px 0 5px!important;font-size:10px!important}
 .ras2026-hero-note{font-size:13px!important;line-height:1.5!important}
 .ras2026-hero-facts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:12px 0 0!important}
 .ras2026-hero-facts article{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;min-width:0!important;min-height:66px!important;padding:10px!important;grid-column:auto!important}
 .ras2026-hero-facts b{font-size:14px!important;white-space:normal!important;overflow-wrap:anywhere!important}
 .ras2026-hero-facts span{text-align:left!important;font-size:10px!important;margin-top:3px!important}
 .ras2026-hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:12px!important}
 .ras2026-btn-primary,.ras2026-btn-secondary{padding:8px!important;font-size:12px!important;min-height:45px!important}
 .ras2026-register-card{padding:14px!important;border-radius:19px!important}
 .ras2026-register-head{margin-bottom:12px!important}
 .ras2026-register-head h3{font-size:21px!important}
 .ras2026-fee{width:66px!important;min-width:66px!important;height:66px!important}
 .ras2026-fee b{font-size:23px!important}
 .ras2026-submit{min-height:49px!important;margin-top:9px!important}
 .ras2026-secure{margin-top:9px!important}
 .ras2026-highlight-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important}
 .ras2026-highlight-grid article{padding:11px 9px!important;gap:7px!important;border-right:1px solid rgba(255,255,255,.16)!important}
 .ras2026-section{padding:30px 0!important}
 .ras2026-section-title.centered{margin-bottom:13px!important}
 .ras2026-section-title h2{font-size:24px!important}
 .ras2026-purpose-card{padding:14px!important}
 .ras2026-feature-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .ras2026-feature-grid article{display:block!important;padding:12px!important;min-width:0!important}
 .ras2026-feature-grid i{width:31px!important;height:31px!important;min-width:31px!important;margin-bottom:8px!important}
 .ras2026-feature-grid b{font-size:13px!important;line-height:1.25!important;overflow-wrap:anywhere!important}
 .ras2026-feature-grid p{font-size:11px!important;line-height:1.35!important}
 .ras2026-pattern-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .ras2026-pattern-grid article{padding:12px!important;min-height:0!important}
 .ras2026-pattern-grid b{font-size:16px!important;margin-top:6px!important;overflow-wrap:anywhere!important}
 .ras2026-pattern-grid p{font-size:11px!important;margin-top:4px!important}
 .ras2026-timeline{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .ras2026-timeline article{padding:10px!important;gap:7px!important;min-width:0!important}
 .ras2026-timeline .date{width:39px!important;min-width:39px!important;height:48px!important}
 .ras2026-timeline strong{font-size:11px!important;overflow-wrap:anywhere!important}
 .ras2026-final-cta{padding:22px 0!important}
 .ras2026-final-cta h2{font-size:21px!important}
 .app-shell{padding:8px 10px 20px!important}
 .app-top{padding:13px!important}
 .brand-row{flex-direction:row!important;align-items:center!important;gap:8px!important}
 .brand-left{min-width:0!important;gap:8px!important}
 .logo-box{width:42px!important;height:42px!important;min-width:42px!important}
 .brand-title h1{font-size:17px!important}
 .brand-title small{font-size:9px!important;overflow-wrap:anywhere!important}
 .logout-btn{align-self:auto!important;padding:8px!important;font-size:11px!important}
 .welcome-grid{gap:8px!important;margin-top:12px!important}
 .welcome-card{padding:12px!important}
 .welcome-card h2{font-size:20px!important}
 .welcome-card p{font-size:12px!important;line-height:1.5!important}
 .quick-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:10px 0 12px!important}
 .nav-card{min-height:64px!important;padding:10px!important;gap:6px!important;font-size:12px!important}
 .nav-card span{width:32px!important;height:32px!important;font-size:16px!important}
 .section-card{padding:12px!important;margin-bottom:11px!important}
 .section-title{flex-direction:row!important;align-items:center!important;gap:7px!important}
 .section-title h3{font-size:17px!important}
 .info-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .info-box{padding:10px!important;min-width:0!important}
 .info-box small{font-size:10px!important}
 .info-box b{font-size:12px!important;overflow-wrap:anywhere!important;word-break:break-word!important}
 .ras-admin-theme main{padding-top:12px!important}
 .ras-admin-theme section.grid.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
 .ras-admin-theme section.grid.md\:grid-cols-3>div{padding:10px!important;border-radius:14px!important;min-width:0!important}
 .ras-admin-theme section.grid.md\:grid-cols-3 p{font-size:10px!important;line-height:1.3!important}
 .ras-admin-theme section.grid.md\:grid-cols-3 p.text-3xl{font-size:23px!important;margin-top:4px!important}
 .ras-admin-theme form.lg\:grid-cols-6{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:12px!important}
 .ras-admin-theme form.lg\:grid-cols-6>.lg\:col-span-2,.ras-admin-theme form.lg\:grid-cols-6>.lg\:col-span-6{grid-column:span 2!important}
 .ras-admin-theme form.lg\:grid-cols-6 input,.ras-admin-theme form.lg\:grid-cols-6 select{padding:10px!important;font-size:13px!important}
 .ras-admin-theme header .max-w-7xl{padding:10px!important}
 .ras-admin-theme header h1{font-size:18px!important}
 .ras-admin-theme .ras-admin-verify{padding:10px!important}
}
@media(max-width:360px){.ras2026-feature-grid,.ras2026-pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ras2026-status{font-size:9px!important}.ras2026-brand small{display:none!important}}
@media(prefers-reduced-motion:reduce){.ras2026-landing *, .app-shell *{animation:none!important}}

/* FINAL: dense compact mobile dark burnt orange, no yellow branding */
:root{--ras-orange:#c2410c!important;--ras-orange-2:#9a3412!important;--ras-orange-deep:#7c2d12!important;--ras-orange-soft:#fff3ea!important;--ras-border-soft:#f2c8ad!important;}
.ras2026-top-cta,.ras2026-btn-primary,.ras2026-submit,.ras2026-final-cta button,.btn-main,.ras-admin-theme .ras-admin-verify button{background:linear-gradient(120deg,#c2410c,#9a3412)!important;color:#fff!important;box-shadow:0 7px 20px rgba(154,52,18,.20)!important}
.ras2026-fee,.ras2026-status,.ras2026-feature-grid i,.ras2026-pattern-grid .fee-card,.ras2026-card-label,.ras2026-timeline .date,.ras2026-fee-note{background:#fff3ea!important;border-color:#f2c8ad!important;color:#7c2d12!important}
.ras2026-highlight-strip,.ras2026-centre-note,.ras2026-timeline article.active,.ras2026-final-cta,.app-top,.form-topbar,.topbar{background:linear-gradient(130deg,#9a3412,#c2410c)!important}
.ras2026-hero h1 strong,.ras2026-fee b,.ras2026-pattern-grid .fee-card b{color:#9a3412!important}
.floating-apply{background:linear-gradient(130deg,#c2410c,#9a3412)!important;border:1px solid #7c2d12!important;color:#fff!important;box-shadow:0 9px 26px rgba(124,45,18,.26)!important}
.floating-apply:hover{background:#7c2d12!important;color:#fff!important}
.ras2026-register-card .ras2026-mobile-input:focus-within{border-color:#9a3412!important;box-shadow:0 0 0 2px rgba(154,52,18,.14)!important}
.ras2026-register-card .otp-row .otp-input:focus{border-color:#9a3412!important;box-shadow:0 0 0 2px rgba(154,52,18,.14)!important}
.registration-shell .soft-input:focus{border-color:#9a3412!important;box-shadow:0 0 0 2px rgba(154,52,18,.12)!important}
.ras-admin-theme .bg-\[\#ffc928\],.ras-admin-theme button[class*="bg-"],body:has(form [name="login_submit"]) button[name="login_submit"]{background:linear-gradient(120deg,#c2410c,#9a3412)!important;color:#fff!important}
.ras-admin-theme table thead{background:#fff3ea!important}.ras-admin-theme table thead th{color:#7c2d12!important}
.ras-admin-theme .ras-admin-verify{background:#fff3ea!important;color:#7c2d12!important}
.ras2026-hero-facts article,.ras2026-feature-grid article,.ras2026-pattern-grid article,.ras2026-timeline article{min-width:0!important}
@media(max-width:767px){
.ras2026-container{width:calc(100% - 20px)!important}
.ras2026-hero{padding:20px 0 16px!important}
.ras2026-hero-grid{gap:18px!important}
.ras2026-hero-facts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.ras2026-hero-facts article{padding:11px 9px!important;min-width:0!important}
.ras2026-hero-facts article b{font-size:13px!important;overflow-wrap:anywhere!important}
.ras2026-feature-grid,.ras2026-pattern-grid,.ras2026-timeline,.ras2026-highlight-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.ras2026-highlight-grid article{border:1px solid rgba(255,255,255,.22)!important;border-radius:12px!important;min-width:0!important;padding:12px 10px!important}
.ras2026-feature-grid article,.ras2026-pattern-grid article,.ras2026-timeline article{padding:13px 11px!important;min-width:0!important;border-radius:15px!important}
.ras2026-feature-grid article b,.ras2026-pattern-grid article b{font-size:14px!important;line-height:1.3!important;overflow-wrap:anywhere!important}
.ras2026-section{padding:27px 0!important}.ras2026-section-title{margin-bottom:18px!important}
.ras2026-register-card{padding:16px!important;border-radius:19px!important}.ras2026-fee-note{padding:11px!important}
.ras2026-mobile-input input,.registration-shell input,.registration-shell select,.registration-shell textarea{font-size:16px!important}
.app-shell .quick-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.app-shell .nav-card{min-height:70px!important;padding:11px!important}
.app-shell .info-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
.app-shell .info-box{padding:10px!important;min-width:0!important;overflow-wrap:anywhere!important}
.app-shell .info-box b{font-size:13px!important;overflow-wrap:anywhere!important}
.app-shell .info-box small{font-size:11px!important}
.ras-admin-theme main section.grid.md\:grid-cols-3{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
.ras-admin-theme main section.grid.md\:grid-cols-3>div{padding:13px!important;min-width:0!important}
.ras-admin-theme main section.grid.md\:grid-cols-3>div p.text-3xl{font-size:24px!important}
.ras-admin-theme .lg\:grid-cols-6{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.ras-admin-theme .lg\:grid-cols-6>.lg\:col-span-2,.ras-admin-theme .lg\:grid-cols-6>.lg\:col-span-6{grid-column:span 2!important}
.ras-admin-theme .overflow-x-auto{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
.floating-apply{bottom:10px!important;left:10px!important;right:10px!important;width:calc(100% - 20px)!important;padding:12px 14px!important;min-height:48px!important;border-radius:14px!important}
}
@media(max-width:360px){.ras2026-pattern-grid,.ras2026-timeline{grid-template-columns:1fr!important}.ras2026-hero-facts article b{font-size:12px!important}}


/* STANDARD DESIGN 2026 — balanced orange, midnight slate, white, cool neutral */
:root{--ras-orange:#d65a1b!important;--ras-orange-2:#ee8545!important;--ras-orange-deep:#a83c0b!important;--ras-orange-soft:#fff3e8!important;--ras-text-dark:#202b3d!important;--ras-text-soft:#64748b!important}
html{overflow-x:clip}
body{background:#f5f7fb!important;color:#243145!important}
.ras2026-landing{background:#f5f7fb!important;color:#243145!important}
.ras2026-header{background:#fff!important;border-color:#e5e9f0!important;box-shadow:0 4px 18px rgba(30,45,65,.045)!important}
.ras2026-brand b,.ras2026-nav a,.ras2026-hero h1,.ras2026-hero h2,.ras2026-register-head h3,.ras2026-otp-title h3,.ras2026-section-title h2{color:#182b46!important}
.ras2026-hero h1 strong{color:#bc4b16!important}
.ras2026-hero{background:linear-gradient(160deg,#fff 2%,#f4f7fb 58%,#fff6ef)!important}
.ras2026-hero:before{opacity:.25!important}
.ras2026-hero:after{opacity:.25!important}
.ras2026-eyebrow,.ras2026-register-head small,.ras2026-otp-title small{color:#ba4715!important}
.ras2026-status{background:#eff6ff!important;border:1px solid #d6e6f8!important;color:#28496f!important}
.ras2026-status span{background:#32816d!important;box-shadow:0 0 0 4px #d3f2e6!important}
.ras2026-hero-facts article,.ras2026-purpose-card,.ras2026-feature-grid article,.ras2026-pattern-grid article,.ras2026-timeline article:not(.active){background:#fff!important;border:1px solid #e4e9f1!important;box-shadow:0 7px 22px rgba(24,43,70,.05)!important}
.ras2026-register-card{position:relative!important;isolation:isolate!important;background:#fff!important;border:2px solid #e5a076!important;border-radius:25px!important;box-shadow:0 24px 65px rgba(31,48,74,.14)!important;overflow:hidden!important}
.ras2026-register-card:before{content:''!important;display:block!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:7px!important;background:linear-gradient(90deg,#bf4b17,#ee9156)!important;z-index:2!important}
.ras2026-register-head{padding:6px 0 14px!important;border-bottom:1px solid #e7ecf3!important;margin-bottom:16px!important}
.ras2026-register-head small{display:inline-block!important;padding:6px 11px!important;background:#fff0e6!important;border-radius:999px!important;letter-spacing:.07em!important;font-size:11px!important;font-weight:900!important}
.ras2026-register-head h3{font-size:clamp(22px,2.6vw,30px)!important;letter-spacing:-.025em!important;line-height:1.17!important;margin-top:9px!important}
.ras2026-register-head p{color:#64748b!important;line-height:1.5!important}
.ras2026-fee{background:#fff3e9!important;border:1px solid #f1c4aa!important;color:#95411b!important;border-radius:17px!important;box-shadow:none!important}
.ras2026-fee b{color:#9d3f16!important}
.ras2026-fee-note{background:#f2f6fc!important;border-color:#dce5f0!important;color:#33465e!important;border-radius:14px!important}
.ras2026-fee-note span{color:#34577a!important}
.ras2026-fee-note p{color:#475569!important;font-size:12px!important;line-height:1.55!important}
.ras2026-field-label{color:#233753!important}
.ras2026-mobile-input{background:#fff!important;border:1px solid #cfd7e4!important}
.ras2026-mobile-input>span{background:#f3f6fa!important;border-color:#dce3ee!important;color:#334155!important}
.ras2026-mobile-input:focus-within{border-color:#d65a1b!important;box-shadow:0 0 0 3px rgba(214,90,27,.12)!important}
.ras2026-top-cta,.ras2026-btn-primary,.ras2026-submit,.ras2026-final-cta button,.btn-main{background:linear-gradient(110deg,#ba4916,#e27432)!important;color:white!important;box-shadow:0 9px 18px rgba(180,72,22,.17)!important}
.ras2026-btn-secondary{background:white!important;color:#294462!important;border-color:#cbd5e1!important}
.ras2026-highlight-strip{background:#213754!important}
.ras2026-highlight-grid>article>span{background:#344e6e!important;color:white!important}
.ras2026-soft-section{background:#f3f6fa!important}
.ras2026-dates-section{background:#fff!important}
.ras2026-feature-grid i{background:#e8f0fa!important;color:#315f8b!important}
.ras2026-pattern-grid .fee-card,.ras2026-timeline .date{background:#fff0e6!important;color:#ae481b!important;border-color:#edc3a8!important}
.ras2026-centre-note{background:#263f60!important}
.ras2026-timeline article.active{background:#27415e!important}
.ras2026-final-cta{background:linear-gradient(135deg,#203653,#344e6b)!important}
.floating-apply{background:linear-gradient(120deg,#ba4916,#df722f)!important;color:white!important;border:1px solid #a74516!important;box-shadow:0 8px 22px rgba(170,68,24,.22)!important}
/* Student dashboard */
.app-top{background:linear-gradient(125deg,#263c5c,#344e70)!important;border-color:#3a5274!important;box-shadow:0 18px 43px rgba(28,49,73,.16)!important}
.app-top .welcome-card,.app-top .paid-card{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.22)!important}
.app-shell .nav-card,.app-shell .section-card{border:1px solid #e4e9f1!important;box-shadow:0 6px 20px rgba(28,49,73,.05)!important}
.app-shell .nav-card span{background:#eaf1f9!important}
.app-shell .info-box{background:#f7f9fc!important;border-color:#e1e7f0!important}
.app-shell .badge-soft{background:#e7f6ed!important;color:#166534!important;border-color:#c8ead5!important}
/* Admin, neutral white card foundation */
body.ras-admin-theme{background:#f4f7fb!important;color:#26384c!important}
.ras-admin-theme header{background:white!important;border-color:#e2e8f0!important}
.ras-admin-theme main section>div.rounded-3xl,.ras-admin-theme main .rounded-\[28px\],.ras-admin-theme aside.rounded-\[28px\]{border-color:#e0e7f0!important;box-shadow:0 7px 23px rgba(28,49,73,.06)!important}
.ras-admin-theme table thead{background:#edf2f8!important}
.ras-admin-theme table thead th{color:#385576!important}
.ras-admin-theme .ras-admin-verify{background:#eaf1f9!important;color:#263d59!important;border-color:#d7e3f0!important}
body:has(form [name="login_submit"]){background:#f4f7fb!important}
/* Readable and compact mobile layouts */
@media(max-width:767px){
 .ras2026-container{width:calc(100% - 28px)!important}
 .ras2026-hero{padding:26px 0 20px!important}
 .ras2026-hero-grid{gap:21px!important}
 .ras2026-hero h1{font-size:clamp(29px,8vw,38px)!important;line-height:1.13!important;letter-spacing:-.025em!important}
 .ras2026-hero h2{font-size:21px!important;line-height:1.28!important}
 .ras2026-hero-copy>p{font-size:14px!important;line-height:1.6!important}
 .ras2026-hero-facts{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 .ras2026-hero-facts article{padding:12px!important;min-width:0!important}
 .ras2026-register-card{padding:19px 16px 18px!important;border-radius:21px!important}
 .ras2026-register-head{align-items:flex-start!important;gap:10px!important}
 .ras2026-register-head h3{font-size:24px!important}
 .ras2026-fee{min-width:74px!important;padding:8px!important}
 .ras2026-fee-note p{font-size:11px!important;line-height:1.48!important}
 .ras2026-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .ras2026-highlight-grid article{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.14)!important}
 .ras2026-feature-grid,.ras2026-pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .ras2026-feature-grid article,.ras2026-pattern-grid article{padding:15px 12px!important;min-width:0!important;min-height:0!important}
 .ras2026-feature-grid article b,.ras2026-pattern-grid article b{font-size:14px!important;line-height:1.4!important}
 .ras2026-feature-grid article p,.ras2026-pattern-grid article p{font-size:12px!important;line-height:1.5!important}
 .ras2026-timeline{grid-template-columns:1fr!important;gap:8px!important}
 .ras2026-timeline article{padding:12px 14px!important}
 .ras2026-section{padding:32px 0!important}
 .ras2026-section-title h2{font-size:25px!important;line-height:1.2!important}
 .ras2026-purpose-card{padding:17px!important}
 .app-shell .info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 .app-shell .info-box{padding:12px!important}
 .app-shell .info-box b{font-size:12px!important;line-height:1.45!important;overflow-wrap:anywhere!important}
 .app-shell .quick-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .ras-admin-theme table{min-width:760px!important}
}
@media(max-width:359px){.ras2026-container{width:calc(100% - 18px)!important}.ras2026-register-head h3{font-size:21px!important}.ras2026-feature-grid{grid-template-columns:1fr!important}}


/* ===== FINAL UNIFIED STANDARD THEME FIX — 2026-10-21 ===== */
:root{
  --std-bg:#f4f7fb;
  --std-surface:#ffffff;
  --std-surface-soft:#f7f9fc;
  --std-text:#1d2e45;
  --std-muted:#66758b;
  --std-line:#dfe7f0;
  --std-line-2:#e8edf4;
  --std-primary:#c85a22;
  --std-primary-2:#e5854f;
  --std-primary-soft:#fff1e8;
  --std-primary-soft-2:#ffe6d6;
  --std-navy:#213754;
  --std-navy-2:#304a68;
  --std-blue-soft:#edf3f9;
  --std-shadow:0 10px 28px rgba(27,46,70,.07);
  --std-shadow-strong:0 18px 48px rgba(27,46,70,.12);
}
body,.ras2026-landing,body.ras-admin-theme{background:var(--std-bg)!important;color:var(--std-text)!important}
.ras2026-section{padding:64px 0!important}
.ras2026-section-title.centered{max-width:860px!important;margin:0 auto 30px!important;text-align:center!important}
.ras2026-section-title>span,.ras2026-eyebrow,.ras2026-register-head small,.ras2026-otp-title small{letter-spacing:.16em!important;font-weight:900!important;text-transform:uppercase!important;color:var(--std-primary)!important}
.ras2026-section-title h2,.ras2026-hero h1,.ras2026-hero h2{color:var(--std-text)!important;letter-spacing:-.03em!important}
.ras2026-section-title p,.ras2026-hero-copy>p,.ras2026-purpose-card p,.ras2026-feature-grid p,.ras2026-pattern-grid p,.ras2026-timeline p,.ras2026-centre-note p{color:var(--std-muted)!important}

/* Registration card highlight */
.ras2026-register-card{
  background:linear-gradient(180deg,#fff 0%,#fffaf6 100%)!important;
  border:1px solid #efc5ad!important;
  box-shadow:var(--std-shadow-strong)!important;
}
.ras2026-register-card:before{height:8px!important;background:linear-gradient(90deg,var(--std-primary),var(--std-primary-2))!important}
.ras2026-register-head{border-bottom:1px solid var(--std-line-2)!important}
.ras2026-register-head h3{color:var(--std-text)!important;font-weight:900!important}
.ras2026-register-head p{color:var(--std-muted)!important}
.ras2026-fee{background:var(--std-primary-soft)!important;border:1px solid #f1c7ae!important;color:#a44a1d!important}
.ras2026-fee b{color:#a24112!important}
.ras2026-fee-note{background:var(--std-blue-soft)!important;border:1px solid #dde7f2!important;color:#3c526d!important}
.ras2026-mobile-input{border:1px solid #d2dce8!important;border-radius:16px!important;background:#fff!important}
.ras2026-mobile-input>span{background:#f5f8fb!important;border-right:1px solid #dde5ef!important;color:#44566f!important}
.ras2026-mobile-input:focus-within{border-color:var(--std-primary)!important;box-shadow:0 0 0 4px rgba(200,90,34,.10)!important}
.ras2026-top-cta,.ras2026-btn-primary,.ras2026-submit,.ras2026-final-cta button,.btn-main,.floating-apply{
  background:linear-gradient(135deg,var(--std-primary),var(--std-primary-2))!important;
  color:#fff!important;border:none!important;box-shadow:0 12px 24px rgba(200,90,34,.18)!important;
}
.ras2026-btn-secondary,.btn-outline-app{background:#fff!important;border:1px solid #cfd9e6!important;color:var(--std-navy)!important}
.ras2026-btn-secondary:hover,.btn-outline-app:hover{background:#f8fafc!important}

/* Shared cards */
.ras2026-hero-facts article,.ras2026-purpose-card,.ras2026-feature-grid article,.ras2026-pattern-grid article,.ras2026-timeline article:not(.active),
.app-shell .nav-card,.app-shell .section-card,.app-shell .info-box,
.ras-admin-theme main section>div.rounded-3xl,.ras-admin-theme main .rounded-\[28px\],.ras-admin-theme aside.rounded-\[28px\]{
  background:var(--std-surface)!important;border:1px solid var(--std-line)!important;box-shadow:var(--std-shadow)!important;border-radius:22px!important;
}
.ras2026-feature-grid article:hover,.ras2026-pattern-grid article:hover,.app-shell .nav-card:hover{transform:translateY(-2px)!important;box-shadow:0 14px 34px rgba(27,46,70,.10)!important}

/* Hero and highlight sections */
.ras2026-hero{background:linear-gradient(180deg,#ffffff 0%,#f4f7fb 58%,#fff7f2 100%)!important}
.ras2026-highlight-strip{background:linear-gradient(135deg,var(--std-navy),var(--std-navy-2))!important}
.ras2026-highlight-grid article{border-right:1px solid rgba(255,255,255,.12)!important}
.ras2026-highlight-grid>article>span{background:rgba(255,255,255,.14)!important;color:#fff!important}
.ras2026-centre-note,.ras2026-timeline article.active,.ras2026-final-cta{background:linear-gradient(135deg,var(--std-navy),var(--std-navy-2))!important}
.ras2026-feature-grid i{background:var(--std-blue-soft)!important;color:#395f87!important}

/* Exam pattern section final design */
.ras2026-pattern-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px!important;align-items:stretch!important}
.ras2026-pattern-grid article{
  padding:22px 20px!important;min-height:170px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;
  background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%)!important;position:relative!important;overflow:hidden!important;
}
.ras2026-pattern-grid article:before{content:''!important;position:absolute!important;left:0!important;top:0!important;width:100%!important;height:5px!important;background:linear-gradient(90deg,var(--std-primary),#f4b088)!important;opacity:.92!important}
.ras2026-pattern-grid b{display:block!important;font-size:13px!important;line-height:1.45!important;color:#7a4a35!important;font-weight:800!important;letter-spacing:.02em!important;text-transform:none!important;margin-top:8px!important}
.ras2026-pattern-grid .fee-card,
.ras2026-pattern-grid .date,
.ras2026-pattern-grid strong,
.ras2026-pattern-grid article h3{background:none!important;border:0!important;padding:0!important;margin:18px 0 0!important;color:var(--std-text)!important;font-size:26px!important;line-height:1.15!important;font-weight:900!important;display:block!important}
.ras2026-pattern-grid p{margin:10px 0 0!important;font-size:13px!important;line-height:1.55!important;color:var(--std-muted)!important}
.ras2026-pattern-grid article:last-child{background:linear-gradient(180deg,#fff7f2 0%,#fff4ed 100%)!important;border-color:#f2cfbc!important}
.ras2026-pattern-grid article:last-child:before{background:linear-gradient(90deg,#d36a34,#f0a978)!important}
.ras2026-pattern-grid article:last-child strong,.ras2026-pattern-grid article:last-child h3{font-size:40px!important;line-height:1!important;color:#b34718!important}
.ras2026-pattern-grid article:last-child p{font-size:14px!important}

/* Student dashboard consistency */
.app-top{background:linear-gradient(135deg,#273d5c,#334d6f)!important;border:1px solid #3b5374!important;box-shadow:var(--std-shadow-strong)!important;border-radius:28px!important}
.app-top .welcome-card,.app-top .paid-card{background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.22)!important}
.app-shell .nav-card span{background:#eef3f9!important;color:#3b5a7b!important}
.app-shell .section-card h3,.app-shell .section-card h2,.app-shell .info-box b{color:var(--std-text)!important}
.app-shell .info-box{background:var(--std-surface-soft)!important;border-radius:18px!important}
.app-shell .info-box small{color:var(--std-muted)!important}
.app-shell .badge-soft{background:#e9f6ee!important;border:1px solid #cfe8d9!important;color:#17603d!important}
.notice-box{background:#f8fbff!important;border-color:#d9e6f3!important;color:#31465f!important}

/* Admin dashboard consistent count cards and controls */
body.ras-admin-theme header{background:#fff!important;border-bottom:1px solid var(--std-line)!important;box-shadow:0 6px 18px rgba(27,46,70,.05)!important}
.ras-admin-theme .ras-admin-verify{background:#edf3f9!important;border-bottom:1px solid #dbe6f1!important;color:#2f465f!important}
.ras-admin-theme .ras-admin-verify input{border:1px solid #cbd8e5!important;background:#fff!important;color:var(--std-text)!important}
.ras-admin-theme .ras-admin-verify button,body:has(form [name="login_submit"]) button[name="login_submit"]{background:linear-gradient(135deg,var(--std-primary),var(--std-primary-2))!important;color:#fff!important;border:none!important}
.ras-admin-theme section.grid.md\:grid-cols-3>div{position:relative!important;overflow:hidden!important;border-radius:20px!important}
.ras-admin-theme section.grid.md\:grid-cols-3>div:before{content:''!important;position:absolute!important;left:0!important;top:0!important;width:100%!important;height:6px!important;background:linear-gradient(90deg,var(--std-primary),var(--std-primary-2))!important}
.ras-admin-theme section.grid.md\:grid-cols-3>div:nth-child(2):before{background:linear-gradient(90deg,#315f8b,#6c9bc9)!important}
.ras-admin-theme section.grid.md\:grid-cols-3>div:nth-child(3):before{background:linear-gradient(90deg,#1f7a58,#58b48c)!important}
.ras-admin-theme section.grid.md\:grid-cols-3 p.text-3xl{color:var(--std-text)!important;font-size:34px!important;line-height:1!important}
.ras-admin-theme section.grid.md\:grid-cols-3 p.text-sm,.ras-admin-theme section.grid.md\:grid-cols-3 p.text-xs{color:var(--std-muted)!important}
.ras-admin-theme form{background:#f8fbfe!important;border-color:#e2eaf3!important}
.ras-admin-theme table thead{background:#eef3f9!important}
.ras-admin-theme table thead th{color:#43617f!important}
.ras-admin-theme table tbody tr:hover{background:#f8fbff!important}
.ras-admin-theme .rounded-2xl.bg-\[\#ffc928\],.ras-admin-theme a.rounded-2xl.bg-\[\#ffc928\],.ras-admin-theme button.rounded-2xl.bg-\[\#ffc928\]{background:linear-gradient(135deg,var(--std-primary),var(--std-primary-2))!important;color:#fff!important}
body:has(form [name="login_submit"]) .max-w-md{background:#fff!important;border:1px solid var(--std-line)!important;box-shadow:var(--std-shadow-strong)!important}
body:has(form [name="login_submit"]) .text-\[\#ffc928\]{color:var(--std-primary)!important}

/* Responsive tuning */
@media(max-width:1199px){.ras2026-pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:767px){
  .ras2026-section{padding:36px 0!important}
  .ras2026-section-title.centered{margin-bottom:18px!important}
  .ras2026-section-title h2{font-size:27px!important;line-height:1.18!important}
  .ras2026-section-title p{font-size:14px!important;line-height:1.6!important}
  .ras2026-pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .ras2026-pattern-grid article{padding:16px 14px!important;min-height:132px!important;border-radius:18px!important}
  .ras2026-pattern-grid b{font-size:11px!important;line-height:1.42!important;margin-top:4px!important}
  .ras2026-pattern-grid .fee-card,.ras2026-pattern-grid .date,.ras2026-pattern-grid strong,.ras2026-pattern-grid article h3{font-size:22px!important;margin-top:10px!important}
  .ras2026-pattern-grid p{font-size:12px!important;line-height:1.5!important;margin-top:8px!important}
  .ras2026-pattern-grid article:last-child{grid-column:1/-1!important}
  .ras2026-pattern-grid article:last-child strong,.ras2026-pattern-grid article:last-child h3{font-size:32px!important}
  .ras2026-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .ras2026-feature-grid article{padding:14px 12px!important}
  .ras2026-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .app-shell .info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .app-shell .info-box{padding:12px!important;min-width:0!important}
  .app-shell .quick-nav{gap:10px!important}
  .ras-admin-theme section.grid.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  .ras-admin-theme section.grid.md\:grid-cols-3>div{padding:13px!important}
  .ras-admin-theme section.grid.md\:grid-cols-3 p.text-3xl{font-size:24px!important}
}
@media(max-width:520px){
  .ras2026-feature-grid,.ras2026-highlight-grid{grid-template-columns:1fr!important}
  .ras2026-pattern-grid{grid-template-columns:1fr!important}
  .ras2026-pattern-grid article:last-child{grid-column:auto!important}
  .app-shell .info-grid,.app-shell .quick-nav{grid-template-columns:1fr!important}
  .ras-admin-theme section.grid.md\:grid-cols-3{grid-template-columns:1fr!important}
}


/* EXAM PATTERN REBUILD v20261021p3 - scoped only to #examPattern */
#examPattern{background:#f4f7fb!important;padding:58px 0 64px!important}
#examPattern .ras2026-section-title.centered{max-width:900px!important;margin:0 auto 25px!important}
#examPattern .ras2026-section-title>span{font-size:11px!important;color:#bf5828!important;letter-spacing:.13em!important}
#examPattern .ras2026-section-title h2{font-size:clamp(27px,3vw,40px)!important;line-height:1.2!important;margin:9px 0!important;color:#203653!important}
#examPattern .ras2026-pattern-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important}
#examPattern .ras2026-pattern-grid>article,
#examPattern .ras2026-pattern-grid>article.fee-card{
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;
  position:relative!important;min-width:0!important;min-height:122px!important;height:auto!important;
  margin:0!important;padding:20px 22px!important;overflow:visible!important;
  background:#fff!important;border:1px solid #dfe7f0!important;border-radius:17px!important;
  box-shadow:0 8px 22px rgba(32,54,83,.055)!important;color:#203653!important;
}
#examPattern .ras2026-pattern-grid>article:before{content:none!important;display:none!important}
#examPattern .ras2026-pattern-grid>article:after{content:'';position:absolute;left:0;top:20px;bottom:20px;width:4px;border-radius:0 4px 4px 0;background:#d16a34}
#examPattern .ras2026-pattern-grid>article:nth-child(2):after,
#examPattern .ras2026-pattern-grid>article:nth-child(5):after{background:#3d6e97}
#examPattern .ras2026-pattern-grid>article:nth-child(3):after,
#examPattern .ras2026-pattern-grid>article:nth-child(6):after{background:#22806b}
#examPattern .ras2026-pattern-grid>article small,
#examPattern .ras2026-pattern-grid>article.fee-card small{
  display:block!important;margin:0 0 8px!important;padding:0!important;
  font-size:12px!important;line-height:1.35!important;font-weight:700!important;
  letter-spacing:0!important;text-transform:none!important;color:#617188!important;
}
#examPattern .ras2026-pattern-grid>article b,
#examPattern .ras2026-pattern-grid>article.fee-card b{
  display:block!important;margin:0!important;padding:0!important;background:none!important;border:0!important;
  color:#203653!important;font-size:clamp(20px,2.1vw,28px)!important;
  font-weight:850!important;line-height:1.18!important;letter-spacing:-.018em!important;
  text-transform:none!important;overflow-wrap:anywhere!important;
}
#examPattern .ras2026-pattern-grid>article.fee-card{background:#f0f6f9!important;border-color:#d6e6ec!important}
#examPattern .ras2026-pattern-grid>article.fee-card b{color:#216657!important}
#examPattern .ras2026-pattern-grid>article.fee-card p{color:#5f7082!important;font-size:12px!important;line-height:1.48!important;margin:8px 0 0!important}
#examPattern .ras2026-centre-note{margin-top:16px!important;padding:18px 22px!important;border-radius:17px!important;background:#213754!important}
#examPattern .ras2026-centre-note p{color:#d6e1ef!important}
@media(max-width:767px){
  #examPattern{padding:35px 0 43px!important}
  #examPattern .ras2026-section-title.centered{margin-bottom:18px!important}
  #examPattern .ras2026-section-title h2{font-size:27px!important}
  #examPattern .ras2026-pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  #examPattern .ras2026-pattern-grid>article,#examPattern .ras2026-pattern-grid>article.fee-card{
    min-height:100px!important;padding:15px 12px 15px 17px!important;border-radius:14px!important;
  }
  #examPattern .ras2026-pattern-grid>article:after{top:16px;bottom:16px;width:3px}
  #examPattern .ras2026-pattern-grid>article small{font-size:11px!important;margin-bottom:6px!important}
  #examPattern .ras2026-pattern-grid>article b,#examPattern .ras2026-pattern-grid>article.fee-card b{font-size:21px!important;line-height:1.2!important}
  #examPattern .ras2026-pattern-grid>article.fee-card{grid-column:1/-1!important;min-height:108px!important}
  #examPattern .ras2026-pattern-grid>article.fee-card p{font-size:12px!important;line-height:1.45!important}
  #examPattern .ras2026-centre-note{padding:15px!important}
}
@media(max-width:360px){#examPattern .ras2026-pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}


/* FINAL OTP MOBILE APP UI — isolated to the live landing registration card */
.ras2026-register-card #otpBox,
.ras2026-register-card #otpForm {min-width:0!important;width:100%!important;max-width:100%!important;}
.ras2026-register-card #otpForm .otp-row {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  justify-content:stretch!important;
  align-items:stretch!important;
  gap:clamp(8px,2.5vw,14px)!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:16px 0 14px!important;
  padding:0!important;
}
.ras2026-register-card #otpForm .otp-row input.otp-input,
.ras2026-register-card #otpForm .otp-row input.form-control.otp-input {
  display:block!important;
  box-sizing:border-box!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:clamp(54px,14vw,64px)!important;
  padding:0!important;
  margin:0!important;
  background:#f8fafc!important;
  color:#1d2e45!important;
  border:1.5px solid #cbd5e1!important;
  border-radius:15px!important;
  box-shadow:none!important;
  outline:0!important;
  text-align:center!important;
  font-size:clamp(22px,7vw,28px)!important;
  line-height:1!important;
  font-weight:800!important;
  font-variant-numeric:tabular-nums!important;
  caret-color:#c85a22!important;
}
.ras2026-register-card #otpForm .otp-row input.otp-input:focus,
.ras2026-register-card #otpForm .otp-row input.otp-input:focus-visible {
  border-color:#c85a22!important;
  background:#fff!important;
  outline:0!important;
  box-shadow:0 0 0 3px rgba(200,90,34,.12)!important;
}
.ras2026-register-card #otpBox .ras2026-otp-title h3{
  font-size:clamp(21px,5.6vw,28px)!important;
  line-height:1.3!important;
  margin:7px 0 0!important;
  overflow-wrap:normal!important;
  color:#1d2e45!important;
}
.ras2026-register-card #otpForm .ras2026-submit{
  width:100%!important;min-height:52px!important;margin-top:2px!important;
  border-radius:14px!important;background:linear-gradient(110deg,#bd551f,#e28048)!important;
  color:#fff!important;font-weight:800!important;
}
.ras2026-register-card #otpForm .otp-bottom{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  justify-content:space-between!important;gap:8px!important;
  margin-top:13px!important;
}
.ras2026-register-card #otpForm .otp-bottom .link-btn{
  background:transparent!important;border:0!important;padding:4px 0!important;
  color:#b44917!important;font-size:12px!important;font-weight:800!important;
  box-shadow:none!important;
}
.ras2026-register-card #otpForm #resendText{font-size:12px!important;color:#64748b!important;white-space:nowrap!important;}
@media(max-width:390px){
  .ras2026-register-card #otpForm .otp-row{gap:8px!important;}
  .ras2026-register-card #otpForm .otp-row input.otp-input{border-radius:13px!important;height:54px!important;}
  .ras2026-register-card #otpForm .otp-bottom{font-size:11px!important;}
}


/* ===== FINAL HEADING + MOBILE RESPONSIVE OVERRIDE ===== */
.ras2026-title-main{display:block;font-size:clamp(52px,5.2vw,76px);line-height:1.02;letter-spacing:-0.03em;font-weight:950;color:var(--ras-brown)!important;}
.ras2026-title-sub{display:block;margin-top:10px;font-size:clamp(26px,3.3vw,42px);line-height:1.08;letter-spacing:-0.02em;font-weight:900;white-space:nowrap;color:var(--ras-brown)!important;}
.ras2026-title-sub strong,.ras2026-inline-title strong{display:inline!important;color:var(--ras-orange-deep)!important;font-weight:950!important;}
.ras2026-inline-title{display:block;white-space:nowrap;font-size:clamp(28px,3.2vw,42px)!important;line-height:1.1!important;letter-spacing:-0.02em!important;color:var(--ras-brown)!important;}
.ras2026-hero h1{max-width:100%!important;margin:0!important;}

@media(max-width:767px){
  .ras2026-hero h1{font-size:inherit!important;line-height:1!important;}
  .ras2026-title-main{font-size:clamp(34px,10.5vw,52px)!important;line-height:1.03!important;letter-spacing:-0.03em!important;}
  .ras2026-title-sub{margin-top:8px!important;font-size:clamp(18px,5.5vw,27px)!important;line-height:1.08!important;letter-spacing:-0.025em!important;white-space:nowrap!important;}
  .ras2026-inline-title{font-size:clamp(18px,5.4vw,26px)!important;line-height:1.12!important;white-space:nowrap!important;letter-spacing:-0.025em!important;}
  .ras2026-section-title.centered{overflow-x:auto!important;padding-bottom:2px!important;}
}

@media(max-width:390px){
  .ras2026-title-sub{font-size:17px!important;letter-spacing:-0.04em!important;}
  .ras2026-inline-title{font-size:17px!important;letter-spacing:-0.04em!important;}
}

/* Oct 21 final: remove heading clipping on all device widths. */
.ras2026-about-grid,.ras2026-about-grid>*{min-width:0!important;}
.ras2026-about-grid .ras2026-section-title{min-width:0!important;max-width:100%!important;overflow:visible!important;}
.ras2026-about-grid .ras2026-inline-title{
  display:block!important;max-width:100%!important;margin:0!important;
  white-space:normal!important;overflow-wrap:normal!important;
  word-break:normal!important;line-height:1.15!important;
  font-size:clamp(23px,2.4vw,34px)!important;
  letter-spacing:-.035em!important;
}
.ras2026-about-grid .ras2026-inline-title strong{display:inline!important;white-space:normal!important;}
@media (max-width:991px){
  .ras2026-about-grid .ras2026-inline-title{
    white-space:nowrap!important;
    font-size:clamp(13px,4.5vw,22px)!important;
    letter-spacing:-.04em!important;
  }
}
@media (max-width:350px){
  .ras2026-about-grid .ras2026-inline-title{font-size:clamp(12px,4.35vw,15px)!important;}
}