:root{--peak-brand:var(--peak-action);--peak-brand-strong:var(--peak-action-strong);--peak-radius-control:999px;--peak-radius-card:24px;--peak-radius-feature:32px;--peak-glass-card:linear-gradient(145deg, color-mix(in srgb, var(--peak-surface) 96%, transparent), color-mix(in srgb, var(--peak-surface) 83%, transparent));--peak-glass-nav:linear-gradient(130deg, color-mix(in srgb, var(--peak-surface) 88%, transparent), color-mix(in srgb, var(--peak-action) 12%, transparent));--peak-glass-edge:color-mix(in srgb, var(--peak-surface) 88%, var(--peak-action));--peak-glass-shadow:inset 0 1px 0 var(--peak-surface), 0 12px 36px color-mix(in srgb, var(--peak-action) 9%, transparent);--peak-shadow-card:inset 0 1px 0 var(--peak-surface), 0 8px 28px color-mix(in srgb, var(--peak-navy) 5%, transparent);--peak-shadow-raised:inset 0 1px 0 var(--peak-surface), 0 24px 64px color-mix(in srgb, var(--peak-action) 11%, transparent);--peak-refresh-bg:radial-gradient(ellipse at 95% 0%, color-mix(in srgb, var(--peak-action) 15%, transparent), transparent 45rem), radial-gradient(ellipse at 0% 65%, color-mix(in srgb, var(--peak-brand) 7%, transparent), transparent 38rem), var(--peak-canvas)}.app-shell,.login-shell,.portal-shell,.exam-shell,.certificate-verify-shell,.site-message-shell{background:var(--peak-refresh-bg)!important}.app-sidebar,.workspace-toolbar,.glass-page-header,.portal-section-nav,.club-section-nav,.mobile-bottom-nav{box-shadow:var(--peak-glass-shadow);-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);border:1px solid var(--peak-glass-edge)!important;background:var(--peak-glass-nav)!important}.app-sidebar{border-radius:28px}.mobile-bottom-nav,.mobile-bottom-nav button{border-radius:999px}.mobile-bottom-nav button.is-active,.mobile-bottom-nav button[aria-current=page]{background:var(--peak-surface);color:var(--peak-action-strong);box-shadow:var(--peak-shadow-card)}.app-brand-panel{border-radius:28px 28px 0 0}.app-brand-subtitle{color:var(--peak-muted);letter-spacing:.12em}.app-sidebar-footer{border-color:var(--peak-glass-edge)!important}.app-nav .nav-item{border:1px solid #0000;transition:background .2s,box-shadow .2s,color .2s;border-radius:999px!important}.app-nav .nav-item.is-active,.app-nav .nav-item.is-active:hover{border-color:var(--peak-glass-edge);box-shadow:0 4px 14px color-mix(in srgb, var(--peak-action) 12%, transparent);color:var(--peak-action-strong)!important;background:var(--peak-surface)!important}.app-nav .nav-item:hover{background:color-mix(in srgb, var(--peak-surface) 64%, transparent)!important}.workspace-toolbar{border-radius:999px;padding:8px 10px}.workspace-search-trigger{background:color-mix(in srgb, var(--peak-surface) 70%, transparent);border-radius:999px}.workspace-toolbar-actions>.icon-button,.mobile-nav-toggle{background:var(--peak-surface);border-radius:50%!important}.organization-scope,.workspace-subnav,.payment-sections,.finance-view-switch,.portal-program-switcher{border:1px solid var(--peak-glass-edge);background:var(--peak-glass-nav);box-shadow:var(--peak-glass-shadow);border-radius:999px;padding:5px}.organization-scope>button,.workspace-subnav>button,.payment-sections>button,.finance-view-switch>button,.portal-program-switcher>button{border-radius:999px}.workspace-subnav button[aria-current=page],.workspace-subnav button[aria-pressed=true],.payment-sections button.active,.finance-view-switch button[aria-pressed=true],.portal-program-switcher button[aria-pressed=true]{background:var(--peak-surface);color:var(--peak-action-strong);box-shadow:0 3px 10px color-mix(in srgb, var(--peak-action) 10%, transparent)}.glass-page-header{top:max(12px, env(safe-area-inset-top));z-index:20;border-radius:999px;min-height:76px;padding:8px 18px;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .25s;position:sticky}.glass-page-header.is-hidden{opacity:0;pointer-events:none;transform:translateY(calc(-100% - 40px))}.glass-page-header:focus-within{opacity:1;pointer-events:auto;transform:none}.glass-page-header nav{flex-flow:wrap}.glass-page-header nav a{border-color:var(--peak-glass-edge);background:var(--peak-surface);color:var(--peak-action-strong);border-radius:999px}.portal-section-nav,.club-section-nav{border-radius:999px;padding:6px}.portal-section-nav a,.club-section-nav a{border-radius:999px}.app-card,.dashboard-section,.page-status-strip>*,.finance-collection-signal,.login-frame,.portal-login-card,.portal-loading-card,.portal-class-card,.portal-welcome,.portal-level-card,.portal-next-step,.portal-certificates,.club-hero,.club-card,.exam-hero,.exam-paper,.exam-result,.certificate-verify-card,.site-message-card{box-shadow:var(--peak-shadow-card);border-color:var(--peak-glass-edge)!important}.dashboard-section,.page-status-strip>*,.finance-collection-signal,.portal-login-card,.portal-loading-card,.portal-class-card,.portal-welcome,.portal-level-card,.portal-next-step,.portal-certificates,.club-hero,.club-card,.exam-hero,.exam-paper,.exam-result,.certificate-verify-card,.site-message-card{background:var(--peak-glass-card)}.dashboard-section,.club-card,.club-hero{border-radius:var(--peak-radius-card)}.page-header-copy h1{letter-spacing:-.045em;font-size:clamp(28px,3vw,38px)}.brand-eyebrow{letter-spacing:.12em}.page-header{padding-top:10px;padding-bottom:6px}.app-button{transition:transform .18s,box-shadow .18s,filter .18s}.app-button[data-variant=primary],.login-card>button,.portal-login-card button,.exam-primary,.club-primary-link,.club-card>button,.club-voting button:not([aria-pressed=true]){color:var(--peak-surface);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--peak-surface) 35%, transparent), 0 7px 18px color-mix(in srgb, var(--peak-action) 20%, transparent);border-radius:999px;background:linear-gradient(135deg, var(--peak-action), var(--peak-action-strong))!important}.app-button[data-variant=ghost]{background:color-mix(in srgb, var(--peak-surface) 80%, transparent)!important}.app-button:active:not(:disabled),.exam-primary:active:not(:disabled),.login-card>button:active:not(:disabled){transform:scale(.98)}.app-shell input:not([type=checkbox]):not([type=radio]):not([type=file]),.login-card input,.portal-login-card input,.exam-profile input,.exam-writing textarea,.club-card textarea{background-color:color-mix(in srgb, var(--peak-surface) 92%, transparent);border-radius:16px!important}.app-shell input:focus,.login-card input:focus,.portal-login-card input:focus,.exam-profile input:focus,.exam-writing textarea:focus{border-color:var(--peak-action)!important}.modal-backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.modal-panel{border-color:var(--peak-glass-edge);background:var(--peak-surface);box-shadow:var(--peak-shadow-raised)}.workflow-filter-bar,.attendance-grid-controls{border-radius:20px}.app-shell table th{background:color-mix(in srgb, var(--peak-action) 4%, var(--peak-surface))}.app-shell table td{border-color:var(--peak-line)}.login-frame{background:var(--peak-glass-card);box-shadow:var(--peak-shadow-raised);border-radius:36px}.login-brand-story{background:linear-gradient(150deg, color-mix(in srgb, var(--peak-action) 12%, var(--peak-surface)), color-mix(in srgb, var(--peak-action) 3%, var(--peak-surface)))}.login-brand-story:after{border-color:var(--peak-glass-edge)}.login-lock{background:linear-gradient(145deg,var(--peak-action),var(--peak-action-strong));border-radius:50%}.login-card>button{min-height:50px}.portal-login-card{box-shadow:var(--peak-shadow-raised);padding:clamp(28px,5vw,48px)}.portal-login-card h1{letter-spacing:-.025em}.portal-login-help{border-color:var(--peak-line)}.portal-next-step,.club-hero{background:linear-gradient(140deg,var(--peak-surface),color-mix(in srgb,var(--peak-action) 7%,var(--peak-surface)))}.portal-program-switcher{width:fit-content;max-width:100%;margin-inline:auto}.exam-hero{box-shadow:var(--peak-shadow-raised);position:relative;overflow:hidden}.exam-hero:before{content:"";background:linear-gradient(90deg,var(--peak-action),transparent);height:5px;position:absolute;inset:0 0 auto}.exam-progress-head{border:1px solid var(--peak-glass-edge);background:color-mix(in srgb,var(--peak-surface) 96%,transparent);border-radius:20px}.exam-choices span{border-radius:18px;transition:border-color .18s,background .18s,box-shadow .18s}.exam-choices input:checked+span{box-shadow:0 0 0 2px color-mix(in srgb,var(--peak-action) 16%,transparent)}.certificate-verify-card{box-shadow:var(--peak-shadow-raised);border-radius:32px}.site-message-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.site-message-card{text-align:center;border:1px solid;border-radius:32px;width:min(540px,100%);padding:clamp(28px,6vw,56px)}.site-message-card img{width:190px;height:auto;margin:0 auto 32px}.site-message-card h1{font:800 clamp(28px,5vw,40px)/1.15 var(--font-manrope),sans-serif;letter-spacing:-.04em}.site-message-card p{color:var(--peak-muted);margin:18px 0 26px;line-height:1.7}.site-message-card a{color:var(--peak-surface);background:var(--peak-action);border-radius:999px;padding:13px 24px;font-weight:700;display:inline-flex}@media (min-width:901px){.app-shell{gap:8px;height:100dvh;padding:14px}.app-sidebar{height:calc(100dvh - 28px);top:0}.app-main{min-width:0;height:100%;padding-top:4px!important}.workspace-toolbar{top:0}}@media (max-width:900px){.app-sidebar{border-radius:0 0 24px 24px}.workspace-toolbar{border-radius:24px}.app-main{padding-bottom:calc(100px + env(safe-area-inset-bottom))!important}}@media (max-width:600px){.glass-page-header{border-radius:28px;align-items:center;gap:8px;min-height:66px;padding:7px 12px}.glass-page-header img{width:132px;height:46px}.glass-page-header nav{gap:5px}.glass-page-header nav a{min-height:40px;padding:8px 10px;font-size:11px}.exam-brand nav>span{display:none}.portal-section-nav,.club-section-nav{border-radius:22px}.login-shell{padding:14px}.login-frame{border-radius:28px}.app-card,.dashboard-section,.club-card,.club-hero{border-radius:20px!important}.portal-login-card,.exam-hero,.exam-paper,.exam-result{border-radius:26px!important}}@media (prefers-reduced-motion:no-preference){.login-frame,.portal-login-card,.portal-welcome,.exam-hero,.exam-result,.certificate-verify-card,.site-message-card{animation:.55s cubic-bezier(.22,1,.36,1) both refresh-arrive}.app-main>div{animation:.3s ease-out refresh-arrive}@keyframes refresh-arrive{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0}}}@media (prefers-reduced-motion:reduce){.glass-page-header,.app-button,.exam-choices span{transition:none}.app-main{scroll-behavior:auto}}@media (prefers-reduced-transparency:reduce){.app-sidebar,.workspace-toolbar,.glass-page-header,.portal-section-nav,.club-section-nav,.mobile-bottom-nav{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--peak-surface)!important}}.app-shell{font-family:var(--font-inter), var(--font-landing-arabic), sans-serif!important}:is(.app-shell,.login-shell,.portal-shell,.exam-shell,.certificate-verify-shell) :is(h1,h2,h3){font-family:var(--font-manrope), var(--font-landing-arabic), sans-serif}.portal-shell[lang=ary],.exam-shell{font-family:var(--font-landing-arabic),var(--font-inter),sans-serif}:is(.portal-shell[lang=ary],.exam-shell) :is(h1,h2,h3):not([lang=en]){letter-spacing:0;font-family:inherit;line-height:1.5}:is(.portal-shell,.exam-shell) [lang=en]{font-family:var(--font-inter),sans-serif}
:root{--peak-button-clear:linear-gradient(145deg, color-mix(in srgb, var(--peak-surface) 88%, transparent), color-mix(in srgb, var(--peak-action) 13%, transparent));--peak-button-blue:linear-gradient(140deg, color-mix(in srgb, var(--peak-action) 94%, transparent), color-mix(in srgb, var(--peak-action-strong) 96%, transparent));--peak-button-reflection:inset 0 1px 1px color-mix(in srgb, var(--peak-surface) 85%, transparent), inset 0 -1px 1px color-mix(in srgb, var(--peak-action) 16%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--peak-surface) 52%, transparent);--peak-button-shadow:0 4px 12px color-mix(in srgb, var(--peak-navy) 9%, transparent), 0 0 0 1px color-mix(in srgb, var(--peak-action) 12%, transparent)}:where(button:not([data-glass=none])){border-radius:var(--peak-radius-control)}body :is(button,.glass-button,.landing-primary,.landing-secondary,.landing-nav-book,.landing-language,.landing-portal,.landing-plans a,.landing-footer-brand>a,.landing-mobile-actions a,.landing-exam-card,.exam-primary,.exam-secondary,.exam-whatsapp,.exam-jump-link,.exam-honorary-card>a,.portal-next-actions>a,a.portal-zoom,.portal-certificate-card a,.portal-login-help a,.club-primary-link,.club-preparation>a,.certificate-verify-card a,.site-message-card a,.glass-page-header nav a):not([data-glass=none]){background-image:linear-gradient(145deg, color-mix(in srgb, var(--peak-surface) 22%, transparent), transparent 55%, color-mix(in srgb, var(--peak-action) 4%, transparent));-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);transition:box-shadow .2s,background-color .2s,translate .2s,opacity .2s;box-shadow:var(--peak-button-reflection), var(--peak-button-shadow)!important}body :is(.app-button,.glass-button,button[role=tab],.landing-primary,.landing-secondary,.landing-plans a,.landing-footer-brand>a,.landing-mobile-actions a,.landing-choice button,.exam-primary,.exam-secondary,.exam-whatsapp,.exam-jump-link,.exam-honorary-card>a,.login-card>button,.portal-login-card button,.portal-welcome button,.portal-section-heading button,.portal-roadmap-toggle,.portal-next-actions>a,.portal-certificate-card a,.portal-login-help a,.club-primary-link,.club-card>button,.club-voting button,.club-preparation>a,.certificate-verify-card a,.site-message-card a,.icon-button,.schedule-nav-button,.schedule-today-button){border-radius:var(--peak-radius-control)!important}body :is(.app-button[data-variant=primary],.landing-primary,.landing-nav-book,.landing-plans a,.landing-footer-brand>a,.landing-mobile-actions a:last-child,.login-card>button,.portal-login-card button,.exam-primary,.portal-next-actions>a,.club-primary-link,.club-card>button,.club-voting button:not([aria-pressed=true]),.site-message-card a){background:var(--peak-button-blue)!important;color:var(--peak-surface)!important;border:1px solid color-mix(in srgb, var(--peak-surface) 55%, transparent)!important}body :is(.app-button[data-variant=ghost],.landing-secondary,.landing-language,.landing-portal,.landing-menu,.landing-choice button:not(.active),.exam-secondary,.portal-welcome button,.portal-section-heading button,.portal-roadmap-toggle,.portal-certificate-card a,.portal-login-help a,.certificate-verify-card a,.glass-page-header nav a){background:var(--peak-button-clear)!important;color:var(--peak-navy)!important;border:1px solid var(--peak-glass-edge)!important}body .app-button[data-variant=danger]{border:1px solid color-mix(in srgb, currentColor 22%, transparent)!important}.attendance-grid-table button{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}@media (hover:hover) and (pointer:fine){body :is(button,.glass-button,.landing-primary,.landing-secondary,.landing-nav-book,.landing-language,.landing-portal,.landing-plans a,.landing-footer-brand>a,.exam-primary,.exam-secondary,.exam-whatsapp,.portal-next-actions>a,.portal-certificate-card a,.club-primary-link,.certificate-verify-card a,.site-message-card a):not(:disabled):not([aria-disabled=true]):not([data-glass=none]):hover{--peak-button-shadow:0 7px 20px color-mix(in srgb, var(--peak-action) 19%, transparent), 0 0 0 1px color-mix(in srgb, var(--peak-action) 25%, transparent)}}body :is(button,.glass-button,.landing-primary,.landing-secondary,.landing-nav-book,.exam-primary,.exam-secondary,.club-primary-link):not(:disabled):not([aria-disabled=true]):not([data-glass=none]):active{--peak-button-shadow:0 1px 4px color-mix(in srgb, var(--peak-action) 12%, transparent)}body :is(button,.glass-button,.landing-primary,.landing-secondary,.landing-nav-book,.exam-primary,.exam-secondary,.club-primary-link):focus-visible{outline:3px solid var(--peak-action);outline-offset:3px}body :is(button:disabled,.glass-button[aria-disabled=true]){opacity:.5;cursor:not-allowed;box-shadow:var(--peak-button-reflection)!important}@media (prefers-reduced-motion:reduce){body :is(button,.glass-button,.landing-primary,.landing-secondary,.landing-nav-book,.landing-language,.landing-portal,.landing-plans a,.landing-footer-brand>a,.exam-primary,.exam-secondary,.exam-whatsapp,.portal-next-actions>a,.club-primary-link,.certificate-verify-card a,.site-message-card a):not([data-glass=none]){transform:translate(0,0);transition:none!important}}@media (prefers-reduced-transparency:reduce){:root{--peak-button-clear:var(--peak-surface);--peak-button-blue:var(--peak-action-strong)}body :is(button,a){-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}@media (forced-colors:active){body :is(button,.glass-button,.landing-primary,.landing-secondary,.landing-nav-book,.exam-primary,.exam-secondary,.club-primary-link){color:buttontext!important;background:buttonface!important;border:1px solid buttontext!important}}