:root{--font-body:Arial,Helvetica,sans-serif;--font-mono:monospace;--style-radius-s:6px;--style-radius-m:10px}html[data-theme=dark]{--theme-bg:#080d0d;--theme-input-bg:#111b1b;--theme-text:#e9f1f0;--theme-elevation-0:#080d0d;--theme-elevation-50:#0d1515;--theme-elevation-100:#142020;--theme-elevation-150:#1b2a2a;--theme-elevation-200:#243636;--theme-elevation-250:#314545;--theme-elevation-300:#466060;--theme-elevation-400:#638181;--theme-elevation-500:#83a2a2}.circle-brand{color:#e9f1f0;flex-direction:column;align-items:center;gap:8px;margin:20px 0 28px;display:flex}.circle-brand>span{letter-spacing:-3px;font-size:48px;font-weight:800;line-height:1}.circle-dot,.circle-icon span{color:#24dbe7}.circle-brand small{letter-spacing:4px;color:#91a8a7;font-size:10px}.circle-icon{font-size:26px;font-weight:800}.circle-welcome{color:#e9f1f0;background:linear-gradient(110deg,#102726,#0d1718);border:1px solid #24504e;border-radius:12px;flex-wrap:wrap;justify-content:space-between;gap:24px;margin:0 0 36px;padding:32px;display:flex}.circle-welcome p{letter-spacing:3px;color:#24dbe7;font-size:10px}.circle-welcome h1{letter-spacing:-1.5px;margin:12px 0;font-size:clamp(28px,3vw,44px)}.circle-welcome span{color:#a5bab9;font-size:14px}.circle-welcome>a{border:1px solid #325653;border-radius:6px;height:fit-content;padding:12px 18px;font-size:13px;text-decoration:none}.circle-shortcuts{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;display:grid}.circle-shortcuts a{background:#172c2b;border:1px solid #294543;border-radius:6px;justify-content:space-between;gap:12px;padding:18px;text-decoration:none;display:flex}.circle-shortcuts b{color:#24dbe7}.btn--style-primary{color:#071112;background:#24dbe7}.btn--style-primary:hover{color:#071112;background:#8af0f5}.nav{border-right:1px solid #243636}.login .form-submit .btn{width:100%}.login__form{background:#0d1515;border:1px solid #243636;border-radius:12px;padding:28px}.login__brand{margin-bottom:12px}@media (max-width:700px){.circle-welcome{padding:22px}.circle-shortcuts{grid-template-columns:1fr 1fr}.circle-shortcuts a{padding:13px;font-size:13px}}.circle-sections{background:#0d1718;border:1px solid #294543;border-radius:12px;margin:0 0 40px;padding:28px 32px}.circle-sections-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.circle-sections-heading p{color:#24dbe7;letter-spacing:3px;margin:0 0 8px;font-size:10px}.circle-sections-heading h2{letter-spacing:-.7px;margin:0;font-size:26px}.circle-sections-heading a{color:#b3c8c6;font-size:13px}.circle-sections-help{color:#a5bab9;max-width:750px;margin:16px 0 24px;font-size:13px;line-height:1.7}.circle-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.circle-section-switch{text-align:left;color:#e9f1f0;cursor:pointer;font:inherit;background:#111f20;border:1px solid #294543;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.circle-section-switch:hover{border-color:#638181}.circle-section-switch:focus-visible{outline-offset:3px;outline:2px solid #24dbe7}.circle-section-switch:disabled{cursor:wait;opacity:.65}.circle-section-switch span{flex-direction:column;gap:6px;display:flex}.circle-section-switch strong{font-size:14px;font-weight:500}.circle-section-switch small{color:#91a8a7;font-size:11px}.circle-section-switch[aria-checked=true] small{color:#66e2dd}.circle-section-switch i{background:#405453;border-radius:20px;flex-shrink:0;width:40px;height:24px;padding:3px;transition:background .2s;display:block}.circle-section-switch i:after{content:"";background:#e9f1f0;border-radius:50%;width:18px;height:18px;transition:transform .2s;display:block}.circle-section-switch[aria-checked=true] i{background:#19bdc8}.circle-section-switch[aria-checked=true] i:after{transform:translate(16px)}.circle-section-status{color:#a5bab9;min-height:20px;margin:18px 0 0;font-size:12px;line-height:1.6}.circle-section-status.is-error{color:#ffad9d}@media (max-width:700px){.circle-sections{padding:22px}.circle-section-grid{grid-template-columns:1fr}.circle-sections-heading{align-items:flex-start}.circle-sections-heading h2{font-size:22px}.circle-sections-heading a{white-space:nowrap;font-size:12px}}