:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#163044;background:#f3f7f7;line-height:1.7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#07616a}a,button,input{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #a76313;outline-offset:4px}header{background:white;border-bottom:1px solid #dae4e6;padding:1rem max(1rem,5vw);display:flex;justify-content:space-between;align-items:center;gap:1rem}.brand{font-size:1.6rem;font-weight:800;text-decoration:none;color:#163044}.brand span{font-size:.8rem;color:#087b85;margin-inline-start:.5rem}nav{display:flex;gap:1rem;align-items:center}nav a{padding:.5rem;text-decoration:none}button,input{font:inherit;min-height:44px}button{cursor:pointer;border:1px solid #9db7bc;border-radius:9px;padding:.5rem 1rem;background:#fff;color:#163044}button:disabled{cursor:wait;opacity:.65}#menu{display:none}main{max-width:620px;margin:3.5rem auto;padding:0 1.25rem 3rem}h1{font-size:clamp(1.8rem,6vw,2.6rem);line-height:1.3;margin:1rem 0}.badge{display:inline-block;font-size:.85rem;color:#664409;background:#fff0d1;border:1px solid #e5c480;border-radius:99px;padding:.35rem .8rem}.panel{padding:clamp(1rem,4vw,2rem);border:1px solid #d7e3e5;border-radius:16px;background:#fff;box-shadow:0 12px 40px #13343a06}form{display:flex;flex-direction:column;gap:.65rem}input{width:100%;border:1px solid #8da8af;border-radius:8px;padding:.6rem .8rem}input[type=email],input[type=password]{direction:ltr;text-align:start}.primary{background:#076c75;color:white;border-color:#076c75;margin-top:.65rem;font-weight:650}.links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.note,#intro{color:#455f69}.note{font-size:.9rem}#status{margin-bottom:0;overflow-wrap:anywhere}#status:empty{display:none}#status.error{color:#9f2525}#status.success{color:#196039}.skip{position:absolute;inset-block-start:-100px;inset-inline-start:1rem;background:#fff;padding:.5rem;z-index:10}.skip:focus{inset-block-start:.5rem}.account-name{font-size:1.25rem;overflow-wrap:anywhere}@media(max-width:680px){header{flex-wrap:wrap}#menu{display:block}nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch}nav.open{display:flex}main{margin-top:1.5rem}nav a{min-height:44px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.links a{display:inline-flex;align-items:center;min-height:44px}
.public-nav{display:flex;flex-wrap:wrap}.public-nav a[aria-current=page]{font-weight:750;text-decoration:underline}#body{overflow-wrap:anywhere}#body h2{font-size:1.3rem;margin-block:1.5rem .5rem}#body h2:first-child{margin-block-start:0}@media(max-width:680px){.public-nav{display:flex;flex-basis:100%;flex-direction:row;gap:.4rem}.public-nav a{flex:1 1 auto}}
.session-list ul{list-style:none;margin:0;padding:0}.session-list li{border:1px solid #8da8af;border-radius:8px;padding:1rem;margin-block:.75rem;overflow-wrap:anywhere}.session-list li p{margin-block:.35rem}.session-list time{unicode-bidi:isolate}.session-list .error{color:#9f2525}:root[data-theme=dark] .session-list .error{color:#ffb6b6}
[hidden]{display:none!important}.account-nav{display:flex;flex-wrap:wrap;gap:.35rem;margin-block:1rem;padding-block:.75rem;border-block:1px solid #8da8af}.account-nav a{display:inline-flex;align-items:center;min-height:44px;border-radius:6px}.account-nav a[aria-current=page]{font-weight:750;text-decoration:underline;background:#e4f2f2}.account-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:1rem}.account-cards section{border:1px solid #8da8af;border-radius:10px;padding:1rem}.account-cards h3{margin-block:0 .5rem}.account-cards a{display:inline-flex;align-items:center;min-height:44px}.account-cards p{margin:0;overflow-wrap:anywhere}:root[data-theme=dark] .account-nav a[aria-current=page]{background:#233e49}:root[data-theme=dark] #status.success{color:#a8edc1}:root[data-theme=dark] #status.error{color:#ffb6b6}@media(max-width:680px){.account-nav{display:flex;flex-basis:auto;flex-direction:row;align-items:center}.account-nav a{flex:1 1 auto}}
.preferences-form{margin-top:2rem;padding-top:1rem;border-top:1px solid #d7e3e5}.preferences-form select{width:100%;min-height:44px;font:inherit;padding:.6rem;border:1px solid #8da8af;border-radius:8px;background:transparent;color:inherit}.checkbox-label{display:flex;align-items:center;gap:.75rem;min-height:44px}.checkbox-label input{width:24px;min-height:24px;height:24px}.password-toggle{align-self:flex-start;background:transparent;border:0;text-decoration:underline}select:focus-visible{outline:3px solid #a76313;outline-offset:4px}:root[data-theme=dark]{color:#edf5f7;background:#10202b}:root[data-theme=dark] header,:root[data-theme=dark] .panel{background:#172c36;border-color:#557079}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] button{color:#edf5f7;background:#233e49}:root[data-theme=dark] a,:root[data-theme=dark] .brand{color:#9de4e7}:root[data-theme=dark] .note,:root[data-theme=dark] #intro{color:#c0d4dd}:root[data-reduced-motion=true] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}

.brand-light,.brand-dark{display:block;height:32px;width:auto;max-width:60vw}.brand-dark{display:none}:root[data-theme=dark] .brand-light{display:none}:root[data-theme=dark] .brand-dark{display:block}:root{font-family:"Noto Sans","Noto Sans Arabic",system-ui,-apple-system,"Segoe UI",sans-serif}:root:lang(ar){font-family:"Noto Sans Arabic","Noto Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
.billing-table{width:100%;border-collapse:collapse;margin-block:.5rem 1rem;font-size:.95rem}.billing-table th,.billing-table td{text-align:start;padding:.5rem .4rem;border-bottom:1px solid #d7e3e5;vertical-align:top}.billing-table td button{margin:.15rem 0}.pending-checkout{border:1px solid #e5c480;background:#fff8e6;border-radius:10px;padding:.75rem 1rem;margin-block:1rem}.plan-cards .price{font-weight:750;margin-block:.25rem}.current-plan{font-weight:650}:root[data-theme=dark] .pending-checkout{background:#3a2f12;border-color:#a76313}:root[data-theme=dark] .billing-table th,:root[data-theme=dark] .billing-table td{border-color:#557079}@media(max-width:680px){.billing-table{display:block;overflow-x:auto}}
a.button{display:inline-flex;align-items:center;min-height:44px;padding:.5rem 1rem;border:1px solid #076c75;border-radius:9px;background:#076c75;color:#fff;text-decoration:none;font-weight:650}