/* CorExam Ultra Experience — restrained, responsive, accessible visual system */
:root{--cx-ink:#10243d;--cx-muted:#65758b;--cx-blue:#2563eb;--cx-cyan:#06b6d4;--cx-violet:#7c3aed;--cx-line:#e2eaf4;--cx-surface:#fff;--cx-soft:#f5f8ff;--cx-shadow:0 14px 38px rgba(21,52,94,.075);--cx-shadow-hover:0 22px 48px rgba(21,52,94,.13)}
html{scroll-behavior:smooth;scroll-padding-top:24px}body{color:var(--cx-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:where(.card,.panel,.stat,.stat-card,.school-card,.exam-card,.user-card,.feature-card-btn,.online-class-entry,.shortcut-card,.sidebar-shortcut,.order-card,.admin-panel,.how-card,.room-action,.rooms-list-panel,.astudy-banner,.auth-card,.login-panel,.dashboard-grid>.panel,.rooms-grid>*){position:relative;isolation:isolate;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,border-color .24s ease,background-color .24s ease}
:where(.card,.panel,.stat-card,.school-card,.exam-card,.user-card,.feature-card-btn,.online-class-entry,.shortcut-card,.sidebar-shortcut,.order-card,.admin-panel,.how-card,.room-action,.rooms-list-panel,.auth-card,.login-panel){border-color:var(--cx-line)}
:where(.card,.panel,.stat-card,.school-card,.exam-card,.user-card,.feature-card-btn,.online-class-entry,.shortcut-card,.sidebar-shortcut,.order-card,.how-card,.room-action,.rooms-list-panel):hover{box-shadow:var(--cx-shadow-hover);border-color:#c7d9f2}
:where(button,.btn,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #38bdf8;outline-offset:3px}
:where(button,.btn){touch-action:manipulation;-webkit-tap-highlight-color:transparent} :where(.btn,.button,button){min-height:40px}
:where(input,select,textarea){max-width:100%;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
:where(.hero,.hero-mini,.page-head){overflow:hidden;isolation:isolate} :where(.hero,.hero-mini)::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 8% 0%,rgba(56,189,248,.13),transparent 44%),radial-gradient(ellipse at 100% 100%,rgba(124,58,237,.08),transparent 38%)}
:where(.stat-card,.stat,.school-card,.exam-card,.user-card,.shortcut-card,.sidebar-shortcut,.feature-card-btn,.online-class-entry,.how-card,.room-action){overflow:hidden}
:where(.stat-card,.stat,.school-card,.exam-card,.user-card,.shortcut-card,.sidebar-shortcut,.feature-card-btn,.online-class-entry,.how-card,.room-action)::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--cx-blue),var(--cx-cyan),var(--cx-violet));opacity:.72;pointer-events:none}
:where(.stat-card,.stat){background:linear-gradient(145deg,#fff 0%,#f8fbff 100%)}
:where(.book-icon,.how-icon,.room-icon,.stat-icon,.login-icon){box-shadow:0 7px 18px rgba(37,99,235,.12)}
:where(.btn,.btn-primary){transition:transform .18s ease,box-shadow .18s ease,filter .18s ease} :where(.btn,.btn-primary):hover{filter:saturate(1.08)} :where(.btn,.btn-primary):active{transform:translateY(1px) scale(.985)}
.wow-reveal{will-change:opacity,transform}.wow-visible{will-change:auto}
/* Study page visual refinement */
body:has(.timer-panel) .panel,body:has(.timer-panel) .astudy-banner{border:1px solid rgba(255,255,255,.13);box-shadow:0 20px 55px rgba(2,12,32,.18)}
body:has(.timer-panel) .timer-panel{background-image:radial-gradient(ellipse at 100% 0%,rgba(34,211,238,.1),transparent 42%)}
body:has(.timer-panel) .timer-ring{filter:drop-shadow(0 10px 24px rgba(14,165,233,.16))}
body:has(.timer-panel) .progress-fill{transition:width .55s cubic-bezier(.2,.8,.2,1)}
/* Book tracking interface */
body:has(.orders-list) .hero{box-shadow:0 24px 65px rgba(17,51,93,.12)}
body:has(.orders-list) .order-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
body:has(.orders-list) .order-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(24,60,103,.10)}
@media(max-width:760px){:where(.card,.panel,.stat-card,.school-card,.exam-card,.user-card,.feature-card-btn,.online-class-entry,.shortcut-card,.sidebar-shortcut,.order-card,.how-card,.room-action){border-radius:16px}body:has(.timer-panel) .dashboard-grid{grid-template-columns:minmax(0,1fr)}body:has(.timer-panel) .hero{gap:14px}body:has(.orders-list) .hero{padding:clamp(20px,5vw,30px)}:where(.btn,.button,button){min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wow-reveal,.wow-reveal *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transform:none!important;will-change:auto!important}}