:root{color-scheme:light;--brand: #e8892e;--brand-hover: #d9781f;--accent: #00e6a8;--page: #f8f8f8;--section: #e9e9e9;--surface: #ffffff;--text: #1f2937;--muted: #6b7280;--border: #d1d5db;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--black: #000;--shadow: 0 24px 70px rgb(17 24 39 / 12%);font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:var(--page);color:var(--text)}:root[data-theme=dark]{color-scheme:dark;--page: #111;--section: #1b1b1b;--surface: #181818;--text: #fff;--muted: #d1d5db;--border: #2c2c2c;--shadow: 0 24px 70px rgb(0 0 0 / 35%)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--page)}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 70%,transparent);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(440px,1.05fr) minmax(480px,.95fr)}.brand-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:42px 6vw 32px;color:#fff;background:#090a09;isolation:isolate}.brand-panel:before{content:"";position:absolute;width:540px;height:540px;right:-150px;bottom:-170px;border:1px solid rgb(0 230 168 / 18%);border-radius:50%;box-shadow:0 0 0 80px #00e6a805,0 0 0 160px #e8892e05;z-index:-1}.brand-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.22;z-index:-1;background-image:linear-gradient(rgb(255 255 255 / 4%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 4%) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom right,black,transparent 80%);mask-image:linear-gradient(to bottom right,black,transparent 80%)}header{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;font:800 20px Manrope;letter-spacing:-.7px}.brand>span:last-child>span{color:var(--brand)}.brand-mark{width:34px;height:34px;display:flex;align-items:end;justify-content:center;gap:3px;padding:7px;background:var(--brand);border-radius:10px 10px 4px;transform:rotate(-4deg)}.brand-mark i{display:block;width:4px;border-radius:4px;background:#fff;transform:rotate(4deg)}.brand-mark i:nth-child(1){height:8px}.brand-mark i:nth-child(2){height:15px}.brand-mark i:nth-child(3){height:11px;background:var(--accent)}.theme-switcher{display:flex;gap:8px;align-items:center;padding:6px 8px;border:1px solid rgb(255 255 255 / 16%);border-radius:10px;background:#ffffff0f}.theme-switcher svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.8}.theme-switcher select{border:0;color:inherit;background:transparent;font-size:12px;cursor:pointer}.brand-copy{max-width:660px;margin:auto 0 20px}.eyebrow{color:var(--brand);text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800}.brand-copy .eyebrow{color:#e8e8e8}.brand-copy .eyebrow i{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 13px var(--accent)}.brand-copy h1{margin:24px 0;font:700 clamp(42px,5.2vw,76px)/1.03 "Manrope";letter-spacing:-3.8px}.brand-copy h1 em{color:var(--brand);font-style:normal}.brand-copy p{max-width:560px;color:#aaa;font-size:clamp(15px,1.3vw,18px);line-height:1.75}.signal-card{display:flex;align-items:center;gap:14px;width:min(380px,100%);padding:16px 18px;border:1px solid #282828;border-radius:14px;background:#1c1c1cdb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.pulse{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#00e6a81a}.pulse i{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 13px var(--accent)}.signal-card div{display:flex;flex:1;flex-direction:column}.signal-card strong{font-size:13px}.signal-card small{color:#888;margin-top:3px}.bars{display:flex;align-items:end;gap:3px;height:18px}.bars i{width:3px;background:var(--accent);border-radius:3px}.bars i:nth-child(1){height:7px}.bars i:nth-child(2){height:12px}.bars i:nth-child(3){height:17px}.brand-panel>footer{color:#626262;font-size:11px}.brand-panel>footer span{color:var(--brand);margin:0 7px}.login-panel{display:flex;flex-direction:column;min-height:100vh;padding:38px clamp(28px,6vw,96px) 24px;background:var(--page)}.mobile-brand{display:none}.login-card{width:min(450px,100%);margin:auto;padding:50px 0}.login-card h2{margin:12px 0 10px;font:700 clamp(27px,3vw,38px)/1.2 "Manrope";letter-spacing:-1.4px;color:var(--text)}.login-card>p{margin:0 0 40px;color:var(--muted);line-height:1.55}.login-card label{display:block;margin-top:22px;color:var(--text);font-size:13px;font-weight:700}.login-card label a{float:right;color:var(--brand);text-decoration:none;font-size:12px}.login-card input{width:100%;min-height:52px;margin-top:9px;padding:0 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);transition:border .2s,box-shadow .2s}.login-card input::placeholder{color:color-mix(in srgb,var(--muted) 75%,transparent)}.login-card input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #e8892e21;outline:0}.primary-button,.welcome button{width:100%;min-height:54px;margin-top:28px;padding:0 20px;border:0;border-radius:10px;color:#111;background:var(--brand);font-weight:800;cursor:pointer;box-shadow:0 9px 24px #e8892e3b;transition:transform .2s,background .2s}.primary-button:hover{background:var(--brand-hover);transform:translateY(-1px)}.primary-button span{float:right;font-size:20px}.primary-button:disabled{opacity:.65;cursor:wait}.form-error{margin-top:18px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--danger) 40%,transparent);border-radius:8px;color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,transparent);font-size:13px}.support{display:block;margin-top:28px;color:var(--muted);text-align:center}.login-panel>footer{display:flex;gap:22px;color:var(--muted);font-size:11px}.login-panel>footer span:first-of-type{margin-left:auto}.loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:22px;color:var(--muted)}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.dashboard{min-height:100vh;padding:32px clamp(24px,6vw,90px)}.dashboard header{padding-bottom:28px;border-bottom:1px solid var(--border)}.dashboard .theme-switcher{border-color:var(--border)}.welcome{max-width:700px;margin:15vh auto;padding:50px;border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow)}.welcome h1{font:700 42px Manrope}.welcome button{max-width:180px;color:#111}@media (max-width: 820px){.login-page{display:block}.brand-panel{display:none}.login-panel{padding:22px 24px}.mobile-brand{display:flex;justify-content:space-between}.mobile-brand .theme-switcher{border-color:var(--border)}.login-card{padding:55px 0 30px}.login-panel>footer{margin-top:auto}.login-card input,.primary-button{min-height:56px}}@media (max-width: 440px){.theme-switcher select{width:68px}.login-card h2{font-size:29px}.login-panel>footer span{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}