*{box-sizing:border-box;margin:0;padding:0}body{font:var(--typography-desc-body-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-grey-50);color:var(--color-black)}button,input,select,textarea{font:inherit}code{font:var(--typography-mono-code-md);background-color:var(--color-grey-50);border-radius:4px;padding:2px 6px}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.card{box-shadow:0 1px 3px color-mix(in srgb, var(--color-black) 10%, transparent);background:#fff;border-radius:12px;margin-bottom:1rem;padding:1.5rem}.u-font-italic{font-style:italic}.u-font-normal{font-style:normal}.login-page{background:radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--color-orange-200) 95%, white) 0 42px, transparent 43px), radial-gradient(circle at 79% 82%, color-mix(in srgb, var(--color-blue-100) 85%, white) 0 56px, transparent 57px), linear-gradient(135deg, var(--color-blue-100) 0%, var(--color-grey-50) 52%, var(--color-grey-100) 100%);justify-content:center;align-items:center;min-height:100vh;padding:12px;display:flex}.login-shell{background:var(--color-white);border:1px solid color-mix(in srgb, var(--color-blue-100) 45%, transparent);width:min(1120px,100%);box-shadow:0 18px 36px color-mix(in srgb, var(--color-brand-violet) 14%, transparent), 0 2px 8px color-mix(in srgb, var(--color-brand-violet) 10%, transparent);border-radius:20px;grid-template-columns:1fr;display:grid;overflow:hidden}.login-hero{background:radial-gradient(circle at 20% 22%, color-mix(in srgb, var(--color-orange-200) 90%, white), transparent 58%), linear-gradient(160deg, color-mix(in srgb, var(--color-blue-100) 75%, var(--color-white)) 0%, color-mix(in srgb, var(--color-blue-100) 55%, var(--color-white)) 40%, color-mix(in srgb, var(--color-blue-300) 45%, var(--color-white)) 100%);min-height:220px;padding:18px;position:relative;overflow:hidden}.login-hero:before{content:"";background:color-mix(in srgb, var(--color-blue-300) 32%, transparent);filter:blur(.5px);border-radius:50%;width:170px;height:170px;position:absolute;top:-45px;right:-55px}.login-hero:after{content:"";background:color-mix(in srgb, var(--color-orange-200) 48%, transparent);border-radius:50%;width:210px;height:210px;position:absolute;bottom:-85px;left:-70px}.login-hero-sun{background:radial-gradient(circle at 35% 35%, var(--color-yellow-300), var(--color-yellow-600) 60%, color-mix(in srgb, var(--color-yellow-600) 80%, var(--color-orange-600)));width:48px;height:48px;box-shadow:0 0 0 10px color-mix(in srgb, var(--color-yellow-300) 36%, transparent), 0 0 0 18px color-mix(in srgb, var(--color-yellow-300) 20%, transparent);border-radius:50%;position:absolute;top:34px;left:26px}.login-hero-device{background:color-mix(in srgb, var(--color-black) 78%, var(--color-brand-violet));width:min(78vw,355px);box-shadow:0 20px 35px color-mix(in srgb, var(--color-black) 35%, transparent);border-radius:14px;padding:10px;animation:.8s ease-out loginDeviceIn;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)rotate(-5deg)}.login-hero-device-topbar{justify-content:flex-end;align-items:center;gap:6px;height:16px;padding-right:6px;display:flex}.login-hero-device-topbar span{background:color-mix(in srgb, var(--color-grey-100) 70%, transparent);border-radius:50%;width:6px;height:6px}.login-hero-device-body{background:linear-gradient(180deg, color-mix(in srgb, var(--color-orange-100) 28%, var(--color-white)) 0%, color-mix(in srgb, var(--color-blue-100) 22%, var(--color-white)) 100%);border-radius:10px;padding:12px}.login-hero-chip{background:linear-gradient(145deg, var(--color-orange-300) 0%, var(--color-orange-600) 100%);border-radius:8px;width:48px;height:36px;margin-bottom:10px}.login-hero-line{background:color-mix(in srgb, var(--color-violet-600) 30%, var(--color-white));border-radius:999px;height:8px;margin-bottom:8px}.login-hero-line.short{width:62%}.login-hero-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.login-hero-cards div{background:linear-gradient(180deg, color-mix(in srgb, var(--color-blue-100) 50%, var(--color-white)) 0%, color-mix(in srgb, var(--color-blue-100) 65%, var(--color-white)) 100%);border-radius:8px;height:46px}.login-hero-bubbles span{background:linear-gradient(160deg, color-mix(in srgb, var(--color-green-600) 60%, var(--color-blue-600)) 0%, color-mix(in srgb, var(--color-green-600) 85%, var(--color-black)) 100%);opacity:.9;border-radius:999px;animation:5s ease-in-out infinite bubbleFloat;position:absolute}.login-hero-bubbles span:first-child{width:40px;height:40px;top:16px;right:44px}.login-hero-bubbles span:nth-child(2){width:22px;height:22px;animation-delay:.35s;top:42px;right:86px}.login-hero-bubbles span:nth-child(3){width:28px;height:28px;animation-delay:.5s;top:50px;right:18px}.login-hero-bubbles span:nth-child(4){width:16px;height:16px;animation-delay:.8s;top:84px;right:58px}.login-hero-bubbles span:nth-child(5){width:11px;height:11px;animation-delay:.2s;top:95px;right:35px}.login-panel{background:color-mix(in srgb, var(--color-white) 96%, var(--color-grey-50));flex-direction:column;gap:14px;padding:22px 18px;display:flex}.login-brand{text-align:center}.login-brand-logo{object-fit:contain;width:64px;height:64px;margin-bottom:10px}.login-brand h1{font:var(--typography-display-kpi-md);color:var(--color-black);margin:0}.login-brand p{font:var(--typography-ui-label-sm);color:var(--color-grey-600);margin-top:5px}.login-notification{font:var(--typography-ui-label-sm);border-radius:10px;align-items:center;gap:8px;padding:10px 12px;animation:.25s loginFadeIn;display:flex}.login-notification.success{background:var(--color-green-100);border:1px solid color-mix(in srgb, var(--color-green-600) 30%, transparent);color:var(--color-green-600)}.login-notification.error{background:var(--color-red-100);border:1px solid color-mix(in srgb, var(--color-red-600) 30%, transparent);color:var(--color-red-600)}.login-form{gap:10px;display:grid}.login-form label{font:var(--typography-ui-label-sm);color:var(--color-grey-700)}.login-field{position:relative}.login-field i{color:var(--color-grey-500);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.login-field input{border:1px solid color-mix(in srgb, var(--color-grey-500) 45%, transparent);background:var(--color-white);width:100%;height:44px;color:var(--color-black);border-radius:10px;padding:0 42px 0 35px;transition:border-color .2s,box-shadow .2s}.login-field input:focus{border-color:var(--color-orange-500);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-orange-500) 18%, transparent);outline:none}.login-password-toggle{width:30px;height:30px;color:var(--color-grey-500);cursor:pointer;background:0 0;border:none;border-radius:8px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.login-password-toggle:hover{background:color-mix(in srgb, var(--color-blue-100) 36%, transparent)}.login-row{flex-direction:column;align-items:flex-start;gap:8px;margin-top:2px;display:flex}.login-checkbox{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.login-checkbox input{width:15px;height:15px;accent-color:var(--color-orange-500)}.login-row a,.login-links a{color:var(--color-orange-600);font:var(--typography-ui-label-sm);text-decoration:none}.login-row a:hover,.login-links a:hover{text-decoration:underline}.login-submit{background:linear-gradient(180deg, var(--color-orange-300) 0%, var(--color-orange-600) 100%);color:#fff;height:44px;font:var(--typography-ui-label-sm);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:4px;font-weight:700;transition:filter .2s,transform .2s;display:inline-flex}.login-submit:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-links{border-top:1px solid color-mix(in srgb, var(--color-grey-300) 75%, transparent);justify-content:space-between;align-items:center;margin-top:6px;padding-top:12px;display:flex}@media (width>=640px){.login-page{padding:22px}.login-panel{padding:30px}.login-row{flex-direction:row;justify-content:space-between;align-items:center}}@media (width>=980px){.login-shell{grid-template-columns:1.5fr .8fr;min-height:640px}.login-hero{min-height:auto}.login-panel{justify-content:center;padding:36px}.login-brand{text-align:left}.login-links{margin-top:12px}.login-hero-device{width:min(56vw,610px);top:52%}.login-hero-sun{width:66px;height:66px;top:58px;left:48px}}@keyframes loginDeviceIn{0%{opacity:0;transform:translate(-50%,-46%)rotate(-8deg)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)rotate(-5deg)scale(1)}}@keyframes bubbleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}:root{--color-brand-orange:#ea570b;--color-brand-violet:#5f4cf5;--color-black:#000;--color-grey-600:#6c7180;--color-grey-300:#cdd1d7;--color-grey-100:#e5e6ea;--color-grey-50:#f7f8fc;--color-white:#fff;--color-violet-600:#a07af8;--color-violet-300:#e8d5ff;--color-violet-100:#faf5ff;--color-green-600:#0c9166;--color-green-300:#8de4c7;--color-green-100:#dbfce7;--color-blue-600:#3380ff;--color-blue-300:#8cb5fa;--color-blue-100:#f0f6ff;--color-yellow-600:#dfb40a;--color-yellow-300:#f5da6f;--color-yellow-100:#fef4c6;--color-orange-600:#ea570b;--color-orange-300:#ec9061;--color-orange-100:#ffe3d4;--color-red-600:#ef4345;--color-red-300:#ff8788;--color-red-100:#ffd7d7}