:root{--bg:#f5f7fb;--surface:#fff;--surface-muted:#eef2ff;--text:#0a1838;--muted:#667085;--border:#d8dfeb;--primary:#1687ff;--primary-deep:#2e5dff;--secondary:#843cff;--secondary-hot:#ab3dff;--navy:#07183f;--navy-soft:#111a4d;--success:#067647;--danger:#b42318;--shadow:0 18px 50px #1a285014;--brand-gradient:linear-gradient(135deg, #12a9ff 0%, #3768ff 48%, #8d3cff 100%)}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(circle at 12% 0%, #1687ff1a, transparent 28%), radial-gradient(circle at 88% 4%, #843cff17, transparent 24%), var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.auth-password-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-password-heading a{color:var(--primary-deep);font-size:12px;font-weight:800}.auth-password-heading a:hover{text-decoration:underline}.shell{grid-template-columns:270px 1fr;min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe8;border-right:1px solid #626ea126;padding:24px 18px}.sidebar-branded{background:radial-gradient(circle at 20% 0,#149dff1a,#0000 26%),radial-gradient(circle at 100% 8%,#8b3cff17,#0000 25%),#ffffffed}.brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.brand-logo-lockup{display:block}.brand-mark{color:#fff;background:var(--brand-gradient);border-radius:14px;place-items:center;width:42px;height:42px;font-weight:900;display:grid;box-shadow:0 10px 30px #5a44dc40}.brand-title{font-weight:800}.brand-subtitle{color:var(--muted);margin-top:2px;font-size:12px}.brand-company{color:#667085;margin:4px 0 0 3px;font-weight:700}.portal-brand-logo{width:214px;max-width:100%;height:auto;display:block}.nav-section{color:#98a2b3;letter-spacing:.12em;margin:22px 10px 9px;font-size:11px;font-weight:800}.nav-link{color:#475467;border-radius:12px;align-items:center;gap:10px;margin:3px 0;padding:11px 12px;transition:all .18s;display:flex}.nav-link:hover,.nav-link.active{color:#243b72;background:linear-gradient(90deg,#1687ff1c,#843cff17);transform:translate(1px)}.main{padding:30px}.portal-main{background:radial-gradient(circle at 4% 0,#149eff0b,#0000 24%),radial-gradient(circle at 96% 2%,#8f3eff0b,#0000 22%)}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.eyebrow{letter-spacing:.14em;color:var(--secondary);text-transform:uppercase;font-size:11px;font-weight:900}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.03em;margin-bottom:8px;font-size:34px}.muted{color:var(--muted)}.grid{gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{box-shadow:var(--shadow);background:#fffffff0;border:1px solid #8291be33;border-radius:20px;padding:20px}.metric{letter-spacing:-.03em;font-size:30px;font-weight:850}.badge{color:var(--success);background:#ecfdf3;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:12px;font-weight:800;display:inline-flex}.badge.neutral{color:#475467;background:#f2f4f7}.button{color:#fff;background:#101828;border:0;border-radius:12px;padding:11px 15px;font-weight:800}.button.primary{background:var(--brand-gradient);box-shadow:0 12px 26px #5948e62e}.button.primary:hover{filter:saturate(1.08)brightness(1.02)}.button.ghost{color:#344054;border:1px solid var(--border);background:#fff}.auth-page{place-items:center;min-height:100vh;padding:28px;display:grid}.auth-page-branded{isolation:isolate;background:radial-gradient(circle at 16% 18%,#298fff29,#0000 30%) 0 0/130% 130%,radial-gradient(circle at 86% 22%,#9648ff26,#0000 31%) 0 0/130% 130%,radial-gradient(circle at 72% 82%,#416eff1a,#0000 30%) 0 0/130% 130%,linear-gradient(135deg,#f8fbff 0%,#f4f7ff 46%,#faf7ff 100%) 0 0/100% 100%;animation:22s ease-in-out infinite alternate authGradientDrift;position:relative;overflow:hidden}.auth-page-branded:before{content:"";z-index:-4;opacity:.62;pointer-events:none;background-image:linear-gradient(90deg,#0000 0 48%,#2c77ff1c 48% 48.35%,#0000 48.35% 100%),linear-gradient(0deg,#0000 0 48%,#664ce61a 48% 48.35%,#0000 48.35% 100%),repeating-linear-gradient(90deg,#0000 0 92px,#2268df12 92px 93px,#0000 93px 184px),repeating-linear-gradient(0deg,#0000 0 92px,#6943d90f 92px 93px,#0000 93px 184px);background-size:320px 320px,320px 320px,100% 100%,100% 100%;animation:30s linear infinite techFieldPan;position:absolute;inset:-8%;transform:rotate(-2deg)scale(1.06);-webkit-mask-image:linear-gradient(#000000c7,#00000047 42%,#000000ad);mask-image:linear-gradient(#000000c7,#00000047 42%,#000000ad)}.auth-page-branded:after{content:"";z-index:-3;pointer-events:none;opacity:.52;background:linear-gradient(135deg,#0000 0 12%,#307dff21 12% 12.25%,#0000 12.25% 22%,#307dff1c 22% 22.25%,#0000 22.25% 100%) 6% 11%/31% 31% no-repeat,linear-gradient(315deg,#0000 0 18%,#8943f11f 18% 18.3%,#0000 18.3% 33%,#8943f11a 33% 33.3%,#0000 33.3% 100%) right 4% top 18%/34% 34% no-repeat,linear-gradient(45deg,#0000 0 17%,#3371f61a 17% 17.3%,#0000 17.3% 36%,#3371f614 36% 36.3%,#0000 36.3% 100%) left 4% bottom 5%/34% 34% no-repeat,linear-gradient(225deg,#0000 0 14%,#7e45eb1a 14% 14.3%,#0000 14.3% 30%,#7e45eb14 30% 30.3%,#0000 30.3% 100%) right 3% bottom 4%/35% 35% no-repeat;animation:18s ease-in-out infinite alternate techDetailsFloat;position:absolute;inset:0}.auth-background-orb{z-index:-2;filter:blur(18px);opacity:.34;pointer-events:none;mix-blend-mode:multiply;border-radius:50%;width:520px;height:520px;position:absolute}.auth-background-orb-left{background:radial-gradient(circle,#17a4ff4d 0%,#2f63ff24 38%,#0000 72%);animation:20s ease-in-out infinite alternate orbLeftMove;top:-220px;left:-230px}.auth-background-orb-right{background:radial-gradient(circle,#a13eff45 0%,#6f3aff1f 40%,#0000 72%);animation:24s ease-in-out infinite alternate orbRightMove;top:-190px;right:-230px}.auth-background-grid{z-index:-1;opacity:.52;pointer-events:none;background:radial-gradient(circle,#246fee47 0 2px,#0000 2.5px) 8% 18%/150px 130px,radial-gradient(circle,#8944ec38 0 2px,#0000 2.5px) 76% 24%/170px 145px,radial-gradient(circle,#2d76f433 0 2px,#0000 2.5px) 18% 78%/165px 150px,radial-gradient(circle,#8944ec33 0 2px,#0000 2.5px) 84% 72%/180px 155px;animation:26s linear infinite alternate nodeFieldDrift;position:absolute;inset:0}.auth-card{border:1px solid var(--border);width:min(100%,460px);box-shadow:var(--shadow);background:#fffffff5;border-radius:24px;padding:30px}.auth-card-branded{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffe8;border:1px solid #5766a62e;width:min(100%,470px);padding:32px;box-shadow:0 30px 90px #23306721,0 10px 30px #5d41dd14,inset 0 1px #fffffff5}.auth-card-branded:before{display:none}.auth-logo{color:#fff;background:var(--brand-gradient);border-radius:16px;place-items:center;width:54px;height:54px;margin-bottom:22px;font-weight:900;display:grid}.auth-brand-logo{width:265px;max-width:82%;height:auto;margin:0 0 22px;display:block}.auth-card-branded h1{color:var(--navy)}.field{gap:7px;margin:14px 0;display:grid}.field label{color:#344054;font-size:13px;font-weight:800}.field input{border:1px solid var(--border);background:#fff;border-radius:12px;outline:none;width:100%;padding:12px 13px;transition:all .18s}.field input:focus{border-color:#4a74ff;box-shadow:0 0 0 4px #4366ff1a,0 8px 22px #5b40db0f}.form-actions{gap:10px;margin-top:18px;display:grid}.notice{color:#475467;background:#f2f4f7;border-radius:12px;margin-bottom:14px;padding:11px 12px;font-size:13px}.notice.error{color:var(--danger);background:#fef3f2}.auth-footer-copy{margin-top:18px}.auth-footer-copy a{color:#176dff;font-weight:850}.hero-card{padding:28px;position:relative;overflow:hidden}.hero-card:after{content:"";background:linear-gradient(135deg,#1687ff29,#843cff24);border-radius:999px;width:240px;height:240px;position:absolute;top:-95px;right:-75px}.integration-list{gap:10px;display:grid}.integration-row{border-bottom:1px solid #eef1f6;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.integration-row:last-child{border-bottom:0}@keyframes authGradientDrift{0%{background-position:0 0,100% 0,75% 100%,0 0}to{background-position:13% 9%,86% 13%,66% 88%,0 0}}@keyframes techFieldPan{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:88px 44px,-66px 88px,184px 0,0 184px}}@keyframes techDetailsFloat{0%{transform:translate(0,0)scale(1)}to{transform:translate(14px,-10px)scale(1.015)}}@keyframes nodeFieldDrift{0%{background-position:8% 18%,76% 24%,18% 78%,84% 72%}to{background-position:14% 21%,72% 29%,23% 73%,80% 68%}}@keyframes orbLeftMove{0%{transform:translate(0,0)scale(1)}to{transform:translate(120px,88px)scale(1.08)}}@keyframes orbRightMove{0%{transform:translate(0,0)scale(1)}to{transform:translate(-110px,96px)scale(1.1)}}@media (prefers-reduced-motion:reduce){.auth-page-branded,.auth-page-branded:before,.auth-page-branded:after,.auth-background-orb-left,.auth-background-orb-right,.auth-background-grid{animation:none!important}}@media (max-width:1000px){.shell{grid-template-columns:1fr}.sidebar{display:none}.grid-4,.grid-3{grid-template-columns:1fr 1fr}}@media (max-width:640px){.main{padding:20px}.grid-4,.grid-3{grid-template-columns:1fr}h1{font-size:28px}.auth-page{padding:18px}.auth-card-branded{padding:26px 22px}.auth-brand-logo{width:235px;max-width:88%}.auth-background-orb{width:360px;height:360px}}
