:root {
  --ink: #101118;
  --ink-2: #171923;
  --paper: #f4f5f8;
  --white: #ffffff;
  --muted: #6f7380;
  --line: #e6e7ec;
  --violet: #7557ff;
  --violet-2: #9b84ff;
  --teal: #28d4ba;
  --blue: #568cff;
  --amber: #f3b84b;
  --coral: #ff7767;
  --green: #1ebd8c;
  --shadow: 0 24px 70px rgba(16, 17, 24, .10);
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: var(--font); color: var(--ink); background: var(--paper); -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
svg.icon { width: 20px; height: 20px; display: block; flex: 0 0 auto; }

.brand { display: inline-flex; align-items: center; gap: 11px; font-size: 15px; letter-spacing: -.02em; }
.brand > span:last-child { display: grid; line-height: 1.02; }
.brand strong { font-size: 18px; font-weight: 760; }
.brand small { margin-top: 4px; font-size: 8px; font-weight: 670; letter-spacing: .19em; text-transform: uppercase; opacity: .58; }
.brand-light { color: white; }
.brand-mark { width: 37px; height: 37px; display: flex; align-items: flex-end; justify-content: center; gap: 3px; padding: 9px; border-radius: 12px; color: white; background: linear-gradient(145deg, #9c83ff, #6b4bfc 56%, #4c2be0); box-shadow: inset 0 1px rgba(255,255,255,.35), 0 9px 22px rgba(100,71,255,.27); }
.brand-mark i { width: 4px; border-radius: 3px; background: currentColor; display: block; }
.brand-mark i:nth-child(1) { height: 8px; opacity: .62; }
.brand-mark i:nth-child(2) { height: 15px; }
.brand-mark i:nth-child(3) { height: 11px; opacity: .82; }
.brand-mark.small { width: 25px; height: 25px; padding: 6px; gap: 2px; border-radius: 8px; }
.brand-mark.small i { width: 2px; }
.brand-mark.small i:nth-child(1) { height: 5px; }.brand-mark.small i:nth-child(2) { height: 10px; }.brand-mark.small i:nth-child(3) { height: 7px; }
.brand-mark.large { width: 86px; height: 86px; padding: 22px; gap: 7px; border-radius: 27px; }
.brand-mark.large i { width: 8px; }.brand-mark.large i:nth-child(1) { height: 20px; }.brand-mark.large i:nth-child(2) { height: 38px; }.brand-mark.large i:nth-child(3) { height: 28px; }

.button { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 19px; border-radius: 14px; border: 1px solid transparent; font-weight: 680; font-size: 14px; letter-spacing: -.01em; cursor: pointer; transition: transform .22s ease, box-shadow .22s ease, background .22s ease; }
.button:hover { transform: translateY(-1px); }
.button:disabled { cursor: not-allowed; opacity: .45; transform: none; }
.button.primary { color: white; background: linear-gradient(135deg, #8164ff, #6748f3); box-shadow: 0 11px 25px rgba(105,74,245,.25); }
.button.primary:hover { box-shadow: 0 15px 32px rgba(105,74,245,.34); }
.button.secondary { color: #373a46; background: white; border-color: var(--line); box-shadow: 0 4px 12px rgba(20,22,30,.04); }
.button.light { background: white; color: #4f34d6; }
.button.ghost-light { color: white; border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.06); backdrop-filter: blur(12px); }
.button.luminous { box-shadow: 0 18px 45px rgba(112,79,255,.38), inset 0 1px rgba(255,255,255,.25); }
.button.wide { width: 100%; }
.button.compact { min-height: 40px; padding: 0 14px; border-radius: 12px; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; font-size: 11px; font-weight: 750; letter-spacing: .17em; text-transform: uppercase; }
.eyebrow.light { color: rgba(255,255,255,.66); }
.eyebrow.dark { color: #6e7280; }
.eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 14px var(--teal); }
.step-pill, .period-pill, .count-pill { display: inline-flex; align-items: center; width: fit-content; padding: 7px 10px; border: 1px solid #e4e2fb; border-radius: 999px; background: #f5f3ff; color: #7056e7; font-size: 10px; font-weight: 780; letter-spacing: .09em; text-transform: uppercase; }

/* Public site */
.public-body { background: #0e0f15; color: white; }
.public-nav { height: 86px; position: absolute; z-index: 30; top: 0; left: 50%; transform: translateX(-50%); width: min(1240px, calc(100% - 48px)); display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.09); }
.public-nav nav { display: flex; align-items: center; gap: 34px; color: rgba(255,255,255,.64); font-size: 13px; font-weight: 570; }
.public-nav nav a:hover { color: white; }
.public-menu { display: none; width: 42px; height: 42px; border: 0; border-radius: 12px; color: white; background: rgba(255,255,255,.08); align-items: center; justify-content: center; }
.hero { min-height: 860px; position: relative; overflow: hidden; display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: 58px; padding: 145px max(32px, calc((100vw - 1240px)/2)) 92px; background: radial-gradient(circle at 65% 35%, rgba(114,81,255,.14), transparent 30%), linear-gradient(180deg, #0c0d12, #12131a); }
.hero::before { content: ""; position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, black, transparent 88%); }
.hero-copy, .hero-product { position: relative; z-index: 2; }
.hero-copy h1 { max-width: 660px; margin: 27px 0 25px; font-size: clamp(54px, 5.4vw, 84px); line-height: .98; letter-spacing: -.065em; font-weight: 720; }
.hero-copy h1 span { color: transparent; background: linear-gradient(90deg, #a38aff 5%, #7f6bff 45%, #42d7c2); background-clip: text; -webkit-background-clip: text; }
.hero-copy > p { max-width: 610px; margin: 0; color: rgba(255,255,255,.58); font-size: 18px; line-height: 1.7; letter-spacing: -.01em; }
.hero-actions { margin-top: 36px; display: flex; align-items: center; gap: 25px; }
.hero-actions .button { min-height: 56px; padding: 0 25px; border-radius: 17px; }
.text-link { display: inline-flex; align-items: center; gap: 8px; color: rgba(255,255,255,.76); font-size: 14px; font-weight: 620; }
.text-link svg { width: 17px; transition: transform .2s; }.text-link:hover svg { transform: translateX(4px); }
.hero-proof { margin-top: 58px; display: flex; gap: 34px; }
.hero-proof div { min-width: 112px; display: grid; gap: 4px; padding-right: 28px; border-right: 1px solid rgba(255,255,255,.11); }
.hero-proof div:last-child { border: 0; }
.hero-proof strong { font-size: 19px; letter-spacing: -.03em; }.hero-proof span { color: rgba(255,255,255,.39); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(100px); opacity: .45; }
.glow-one { width: 470px; height: 470px; right: 7%; top: 13%; background: #6945ff; }.glow-two { width: 330px; height: 330px; right: 30%; bottom: 2%; background: #14a99c; opacity: .2; }
.hero-product { min-height: 600px; display: flex; align-items: center; justify-content: center; perspective: 1200px; }
.product-window { width: min(690px, 100%); border-radius: 27px; overflow: hidden; border: 1px solid rgba(255,255,255,.18); background: rgba(24,25,35,.88); box-shadow: 0 55px 120px rgba(0,0,0,.5), inset 0 1px rgba(255,255,255,.08); backdrop-filter: blur(30px); transform: rotateY(-5deg) rotateX(2deg); }
.window-top { height: 47px; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; border-bottom: 1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.025); }
.mini-brand { display: flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 750; }
.window-dots { display: flex; gap: 5px; }.window-dots i { width: 6px; height: 6px; background: rgba(255,255,255,.18); border-radius: 50%; }
.window-body { display: grid; grid-template-columns: 52px 1fr; min-height: 440px; }
.window-side { padding: 22px 14px; display: grid; align-content: start; gap: 18px; border-right: 1px solid rgba(255,255,255,.07); }
.window-side i { width: 21px; height: 21px; border: 1px solid rgba(255,255,255,.12); border-radius: 7px; }.window-side i.active { background: linear-gradient(135deg,#896cff,#6544eb); border: 0; box-shadow: 0 5px 15px rgba(112,80,255,.35); }
.window-content { padding: 26px; }
.preview-head { display: flex; align-items: center; justify-content: space-between; }.preview-head div { display: grid; gap: 5px; }.preview-head small { color: rgba(255,255,255,.35); font-size: 9px; }.preview-head strong { font-size: 22px; letter-spacing: -.04em; }.preview-head > span { width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(145deg,#eea37d,#854fda); }
.preview-cards { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin: 23px 0 14px; }.preview-cards article { padding: 15px; min-height: 90px; display: grid; align-content: space-between; border: 1px solid rgba(255,255,255,.075); border-radius: 14px; background: rgba(255,255,255,.035); }.preview-cards small { color: rgba(255,255,255,.38); font-size: 8px; text-transform: uppercase; letter-spacing: .09em; }.preview-cards strong { font-size: 16px; letter-spacing: -.025em; }.preview-cards em { color: #55dbc5; font-style: normal; font-size: 8px; }
.preview-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 12px; }.preview-grid article { border: 1px solid rgba(255,255,255,.075); border-radius: 15px; background: rgba(255,255,255,.028); }
.preview-chart { min-height: 190px; padding: 17px; display: grid; }.preview-chart > div:first-child { display: grid; gap: 4px; }.preview-chart small,.preview-alerts>small { color: rgba(255,255,255,.36); font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }.preview-chart b { font-size: 12px; }.chart-lines { height: 105px; display: flex; gap: 9px; align-items: end; padding-top: 16px; border-bottom: 1px solid rgba(255,255,255,.08); }.chart-lines span { flex: 1; min-height: 10%; border-radius: 4px 4px 1px 1px; background: linear-gradient(180deg,#8c70ff,#6349dd); }
.preview-alerts { padding: 17px; }.preview-alerts p { display: flex; gap: 9px; align-items: center; margin: 15px 0; }.preview-alerts p>i { width: 8px; height: 8px; border-radius: 50%; }.preview-alerts i.violet{background:var(--violet)}.preview-alerts i.teal{background:var(--teal)}.preview-alerts i.amber{background:var(--amber)}.preview-alerts p span { display:grid; gap:3px; }.preview-alerts b { font-size:9px; }.preview-alerts em { color:rgba(255,255,255,.3);font-size:7px;font-style:normal; }
.floating-insight { position: absolute; z-index: 3; display: flex; align-items: center; gap: 10px; padding: 11px 14px 11px 11px; border: 1px solid rgba(255,255,255,.17); border-radius: 15px; background: rgba(26,27,38,.85); box-shadow: 0 20px 45px rgba(0,0,0,.3); backdrop-filter: blur(20px); }.floating-insight>span { width: 33px;height:33px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#a892ff;background:rgba(120,87,255,.16); }.floating-insight svg{width:16px}.floating-insight p{display:grid;gap:3px;margin:0}.floating-insight small{font-size:7px;color:rgba(255,255,255,.38);text-transform:uppercase;letter-spacing:.09em}.floating-insight strong{font-size:10px}.insight-one{left:-20px;bottom:75px}.insight-two{right:-5px;top:80px}.insight-two>span{color:#56dfc9;background:rgba(36,211,183,.14)}
.product-orbit { position:absolute;border:1px solid rgba(139,108,255,.16);border-radius:50%; }.orbit-a{width:570px;height:570px}.orbit-b{width:720px;height:720px;opacity:.45}
.trust-strip { min-height: 125px; display: grid; grid-template-columns: .35fr 1fr; align-items: center; gap: 60px; padding: 0 max(32px,calc((100vw - 1240px)/2)); background:#f5f5f8;color:var(--ink); }.trust-strip>p{font-size:11px;color:#898c97;text-transform:uppercase;letter-spacing:.13em}.trust-strip>div{display:flex;align-items:center;justify-content:space-between;color:#7d808b;font-size:11px;font-weight:760;letter-spacing:.14em}.trust-strip i{width:4px;height:4px;border-radius:50%;background:#cccdd3}
.section { padding: 125px max(32px,calc((100vw - 1240px)/2)); background:#f5f5f8;color:var(--ink); }
.section-intro { max-width: 720px; }.section-intro h2,.platform-copy h2,.closing-cta h2{font-size:clamp(43px,5vw,67px);line-height:1.04;letter-spacing:-.055em;margin:19px 0 22px;font-weight:690}.section-intro h2 span,.platform-copy h2 span,.closing-cta h2 span{color:#7560e9}.section-intro>p{max-width:610px;color:#747784;line-height:1.75;font-size:16px}.section-intro.centered{text-align:center;margin:0 auto}.section-intro.centered>p{margin-left:auto;margin-right:auto}
.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:65px}.service-card{position:relative;min-height:325px;padding:34px;border:1px solid #e4e5ea;border-radius:26px;background:white;overflow:hidden;box-shadow:0 16px 45px rgba(25,27,36,.035);transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(25,27,36,.08)}.service-card.featured{color:white;background:linear-gradient(145deg,#191a24,#222332 70%,#28253b);border-color:transparent}.service-card.featured::after{content:"";position:absolute;width:270px;height:270px;right:-80px;bottom:-110px;border-radius:50%;background:#7051ff;filter:blur(60px);opacity:.5}.service-number{position:absolute;right:28px;top:25px;font-size:11px;font-weight:750;letter-spacing:.12em;color:#a4a6ae}.service-icon{width:54px;height:54px;border-radius:17px;display:flex;align-items:center;justify-content:center;color:#7154ef;background:#f0edff}.featured .service-icon{color:#b8a8ff;background:rgba(126,94,255,.14);border:1px solid rgba(255,255,255,.09)}.service-icon svg{width:24px;height:24px}.service-card h3{margin:56px 0 13px;font-size:25px;letter-spacing:-.035em}.service-card p{max-width:490px;margin:0;color:#777a86;line-height:1.65;font-size:14px}.featured p{color:rgba(255,255,255,.5)}.service-tag{position:absolute;left:34px;bottom:29px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#9698a2}.featured .service-tag{color:rgba(255,255,255,.42)}
.platform-section{position:relative;overflow:hidden;display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center;padding:125px max(32px,calc((100vw - 1240px)/2));background:#111219;color:white}.platform-section::before{content:"";position:absolute;width:650px;height:650px;right:-180px;top:-240px;border-radius:50%;background:#6546f5;filter:blur(130px);opacity:.23}.platform-copy,.easy-flow{position:relative;z-index:2}.platform-copy>p{color:rgba(255,255,255,.52);line-height:1.72}.platform-copy ul{list-style:none;padding:0;margin:35px 0;display:grid;gap:20px}.platform-copy li{display:flex;gap:15px}.platform-copy li>span{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(125,92,255,.14);color:#aa96ff;font-size:10px;font-weight:760}.platform-copy li div{display:grid;gap:4px}.platform-copy li strong{font-size:14px}.platform-copy li p{margin:0;color:rgba(255,255,255,.38);font-size:12px}.platform-copy .button{margin-top:5px}
.easy-flow{padding:27px;border:1px solid rgba(255,255,255,.11);border-radius:29px;background:rgba(255,255,255,.045);box-shadow:0 45px 100px rgba(0,0,0,.28);backdrop-filter:blur(24px)}.flow-question{display:grid;gap:5px;padding:5px 4px 20px}.flow-question small{color:rgba(255,255,255,.36);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.flow-question strong{font-size:24px;letter-spacing:-.04em}.flow-options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.flow-options>span{display:flex;align-items:center;gap:10px;min-height:59px;padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:15px;color:rgba(255,255,255,.58);font-size:11px;background:rgba(255,255,255,.025)}.flow-options>span.selected{color:white;border-color:rgba(132,103,255,.65);background:rgba(113,78,242,.18)}.flow-options i{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#a793ff;background:rgba(116,83,246,.14)}.flow-options svg{width:16px}.flow-result{margin-top:14px;padding:18px;display:flex;align-items:center;gap:13px;border:1px solid rgba(43,214,185,.25);border-radius:17px;background:rgba(29,192,164,.08)}.flow-result>span{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:13px;color:#4be0c8;background:rgba(35,213,184,.13)}.flow-result>div{flex:1;display:grid;gap:3px}.flow-result small{font-size:8px;color:#53dbc5;text-transform:uppercase;letter-spacing:.09em}.flow-result strong{font-size:12px}.flow-result p{margin:0;color:rgba(255,255,255,.37);font-size:9px}.flow-result>b{padding:6px 9px;border-radius:999px;color:#50ddc5;background:rgba(44,218,189,.12);font-size:8px}
.method{padding-top:125px;padding-bottom:140px}.method-track{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid #dcdde3}.method-track article{position:relative;padding:32px 25px 0 0}.method-track article::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:#7659ed;box-shadow:0 0 0 7px #eeeaff}.method-track span{font-size:10px;color:#8a71ed;font-weight:760;letter-spacing:.12em}.method-track h3{font-size:20px;margin:20px 0 10px}.method-track p{max-width:220px;color:#7b7e88;font-size:13px;line-height:1.65}
.closing-cta{position:relative;overflow:hidden;text-align:center;padding:130px 30px;background:#111219;color:white}.closing-cta>*{position:relative;z-index:2}.closing-cta p{max-width:620px;margin:0 auto 35px;color:rgba(255,255,255,.5);font-size:16px;line-height:1.7}.closing-glow{position:absolute;z-index:1;width:750px;height:350px;left:50%;bottom:-260px;transform:translateX(-50%);border-radius:50%;background:#6d4ef5;filter:blur(85px);opacity:.65}.public-footer{min-height:170px;padding:45px max(32px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;background:#0c0d11;color:rgba(255,255,255,.38);border-top:1px solid rgba(255,255,255,.06);font-size:11px}.public-footer p{text-align:center}.public-footer>span{text-align:right}

/* Installer and login */
.installer-body,.login-body{min-height:100vh;background:#eef0f5}.installer-shell,.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.82fr) minmax(580px,1.18fr)}.installer-intro,.login-brand-panel{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:52px clamp(35px,5vw,76px);color:white;background:radial-gradient(circle at 35% 70%,rgba(108,77,255,.35),transparent 32%),linear-gradient(150deg,#11121a,#181827 58%,#101117)}.installer-intro::before,.login-brand-panel::before{content:"";position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:70px 70px}.installer-intro>*,.login-brand-panel>*{position:relative;z-index:2}.installer-intro h1,.login-statement h1{font-size:clamp(43px,4vw,65px);line-height:1.02;letter-spacing:-.055em;margin:18px 0}.installer-intro>div>p,.login-statement p{max-width:510px;color:rgba(255,255,255,.49);line-height:1.7}.installer-points{display:grid;gap:15px}.installer-points span{display:flex;align-items:center;gap:13px;color:rgba(255,255,255,.55);font-size:12px}.installer-points b{width:33px;height:33px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#b7a7ff;background:rgba(122,89,255,.12);font-size:9px}.installer-card,.login-form-panel{background:#f6f7f9;padding:64px clamp(35px,7vw,110px)}.installer-card{overflow:auto}.installer-card-head{max-width:670px;margin-bottom:27px}.installer-card-head h2,.login-heading h2{font-size:37px;letter-spacing:-.045em;margin:15px 0 8px}.installer-card-head p,.login-heading p{color:#777b87;line-height:1.6;margin:0}.requirements{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 32px}.requirement{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:10px;background:white;border:1px solid var(--line);font-size:10px;color:#6c707d}.requirement i{width:7px;height:7px;border-radius:50%}.requirement.ok i{background:var(--green);box-shadow:0 0 0 4px rgba(30,189,140,.1)}.requirement.bad i{background:var(--coral)}
.form-stack,.modal-form{display:grid;gap:18px}.form-stack label,.modal-form label{display:grid;gap:8px;color:#474a55;font-size:12px;font-weight:650}.form-stack label small,.modal-form label small{font-weight:450;color:#9295a0;line-height:1.5}.form-stack input,.form-stack select,.form-stack textarea,.modal-form input,.modal-form select,.modal-form textarea{width:100%;min-height:48px;border:1px solid #dfe1e7;border-radius:13px;background:white;padding:0 14px;color:#22242d;outline:none;transition:border .2s,box-shadow .2s}.form-stack textarea,.modal-form textarea{padding:12px 14px;resize:vertical}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{border-color:#9177f6;box-shadow:0 0 0 4px rgba(121,88,240,.1)}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.three{grid-template-columns:repeat(3,1fr)}.form-section-title{display:flex;align-items:center;gap:10px;margin-top:8px;color:#292b34;font-size:13px;font-weight:750}.form-section-title span{width:27px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:9px;color:#765ce4;background:#ede9ff;font-size:10px}.password-field{position:relative}.password-field input{padding-right:52px}.password-field button{position:absolute;right:7px;top:7px;height:34px;padding:0 9px;border:0;border-radius:8px;background:#f1f2f5;color:#6b6e7a;font-size:10px;font-weight:750;cursor:pointer}.check-row{display:flex!important;grid-template-columns:auto 1fr;align-items:flex-start;gap:11px!important;padding:14px;border:1px solid #e0e2e8;border-radius:14px;background:white}.check-row input{width:18px!important;height:18px!important;min-height:0;margin-top:2px}.check-row span{display:grid;gap:3px}.alert{position:relative;padding:13px 42px 13px 15px;border-radius:13px;font-size:12px;line-height:1.5;border:1px solid}.alert.danger{color:#a73d35;background:#fff1ef;border-color:#ffd2cc}.alert.success{color:#14795b;background:#ecfbf6;border-color:#bfeedd}.alert.warning{color:#88611a;background:#fff9e8;border-color:#f7dfaa}.alert.info{color:#3d61a9;background:#eef4ff;border-color:#d4e2ff}.alert>button{position:absolute;right:10px;top:9px;border:0;background:transparent;font-size:20px;cursor:pointer;opacity:.55}
.login-form-panel{display:flex;align-items:center;justify-content:center}.login-form-wrap{width:min(440px,100%)}.back-link{display:inline-block;margin-bottom:80px;color:#777b87;font-size:12px}.login-heading{margin-bottom:30px}.login-form{margin-top:18px}.login-help{display:flex;gap:12px;align-items:center;margin-top:25px;padding-top:24px;border-top:1px solid #e0e2e7}.login-help>span{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:13px;color:#7657e9;background:#eeeaff}.login-help p{display:grid;gap:3px;margin:0}.login-help strong{font-size:11px}.login-help small{color:#8b8e99;font-size:10px}.login-brand-panel{justify-content:flex-start}.login-statement{margin-top:16vh}.login-visual{position:absolute;right:-120px;bottom:80px;width:430px;height:430px;display:flex;align-items:center;justify-content:center}.login-ring{position:absolute;border:1px solid rgba(150,125,255,.25);border-radius:50%}.ring-a{width:320px;height:320px}.ring-b{width:430px;height:430px}.login-core{position:relative;z-index:2;filter:drop-shadow(0 40px 70px rgba(86,54,220,.5))}.login-legal{margin-top:auto;color:rgba(255,255,255,.28)}