@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";

@font-face{font-family:MagiaSans;src:url(/brand/MAGIA-Sans-Thin.ttf)format("truetype");font-weight:100;font-display:swap}.inc-login-shell{background:linear-gradient(120deg,#0a0f1a 0 43%,#f5f7fa 43%);grid-template-columns:minmax(260px,1fr) minmax(380px,560px);min-height:100vh;display:grid}.inc-login-brand{color:#f4f8f7;text-align:center;place-self:center}.inc-login-brand img{width:min(240px,60vw);margin:0 auto 28px;display:block}.inc-login-brand span{letter-spacing:.3em;color:#00e5c7;font-size:11px}.inc-login-brand p{max-width:320px;margin:26px auto;font-family:MagiaSans,sans-serif;font-size:26px;font-weight:300}.inc-login-card{background:#fff;border:1px solid #e7ebef;border-radius:24px;align-self:center;margin:32px;padding:42px;box-shadow:0 25px 70px #0a0f1a14}.inc-login-mark{background:#00e5c7;border-radius:13px;place-items:center;width:42px;height:42px;font-family:MagiaSans;font-size:28px;display:grid}.inc-kicker{letter-spacing:.16em;color:#0b7469;margin:28px 0 8px;font-size:10px;font-weight:700}.inc-login-card h1{letter-spacing:-.03em;margin:0;font-family:MagiaSans;font-size:34px;font-weight:300}.inc-login-desc,.inc-login-foot{color:#707987;font-size:13px;line-height:1.6}.inc-login-form{gap:17px;margin-top:27px;display:grid}.inc-login-form label{gap:8px;font-size:12px;font-weight:650;display:grid}.inc-login-form input{border:1px solid #dfe5ea;border-radius:9px;width:100%;height:44px;padding:0 12px}.inc-login-form input:focus{border-color:#00b99f;outline:2px solid #00e5c755}.inc-login-form button{color:#fff;background:#0a0f1a;border:0;border-radius:9px;height:45px;font-weight:650}.inc-login-form button:hover{background:#14212c}.inc-login-form button:disabled{opacity:.65}.inc-login-error{color:#a33240;background:#fff0f1;border-radius:8px;padding:10px 12px;font-size:12px}.inc-login-foot{margin:22px 0 0;font-size:11px}@media (max-width:850px){.inc-login-shell{background:#f5f7fa;grid-template-columns:1fr}.inc-login-brand{display:none}.inc-login-card{width:min(100% - 28px,520px);margin:14px auto;padding:30px 24px}}.inc-login-shell{isolation:isolate;background:#f5f7fa;grid-template-columns:minmax(320px,2fr) minmax(380px,3fr);position:relative}.inc-login-brand{z-index:0;color:#fff;flex-direction:column;justify-content:center;place-self:stretch stretch;align-items:center;min-width:0;padding:56px 24px;display:flex;position:relative}.inc-login-brand:before{content:"";z-index:-1;clip-path:polygon(0 0,100% 0,calc(100% - 96px) 100%,0 100%);pointer-events:none;background:#0a0f1a;position:absolute;inset:0 -72px 0 0}.inc-login-brand img{background:0 0;width:min(380px,100%);height:auto}.inc-login-brand p{color:#fff;text-wrap:balance;width:100%;max-width:320px;line-height:1.35}.inc-login-card{z-index:1;justify-self:center;width:min(100% - 64px,496px);position:relative}@media (max-width:850px){.inc-login-shell{grid-template-columns:minmax(0,1fr)}.inc-login-brand{min-height:280px;padding:32px 24px 48px;display:flex}.inc-login-brand:before{clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),0 100%);inset:0}.inc-login-brand img{width:300px;max-width:100%;margin-bottom:12px}.inc-login-brand p{margin:16px auto 0;font-size:22px}.inc-login-card{width:min(100% - 28px,520px);margin:20px auto 32px}}.inc-otp-notice{color:#586570;margin:0;font-size:12px;line-height:1.6}.inc-otp-actions{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.inc-login-form .inc-otp-actions button{color:#0b7469;text-align:left;background:0 0;height:auto;padding:4px 0;font-size:12px}.inc-login-form .inc-otp-actions button:hover{background:0 0;text-decoration:underline}.inc-login-form input[autocomplete=one-time-code]{letter-spacing:.32em;text-align:center;font-size:24px}.inc-login-form input[readonly]{color:#586570;background:#f5f7fa}.inc-product-brand{white-space:nowrap;color:#f5f7fa;letter-spacing:.11em;flex-shrink:0;align-items:baseline;gap:.51em;margin:0 auto 28px;font-family:MagiaSans,Arial,sans-serif;font-size:clamp(30px,3.15vw,46px);font-weight:100;line-height:.96;display:inline-flex}.inc-product-brand .inc-product-name{font:inherit;letter-spacing:inherit;color:inherit;margin-right:-.11em;line-height:.96}.inc-product-brand .inc-product-symbol{isolation:isolate;width:1.161em;height:0;font:inherit;letter-spacing:inherit;color:inherit;flex:none;align-self:baseline;display:inline-flex;position:relative}.inc-product-brand .inc-product-symbol:before{content:"";z-index:0;filter:blur(5px);pointer-events:none;background:radial-gradient(circle,#00e5c738,#00e5c714 45%,#0000 72%);width:1.8em;height:1.8em;position:absolute;top:.587em;left:50%;transform:translate(-50%,-50%)}.inc-product-brand .inc-product-star{object-fit:fill;z-index:1;background:0 0;width:100%;max-width:none;height:1.12em;margin:0;display:block;position:absolute;bottom:-.247em;left:0}.inc-product-brand .inc-product-wordmark{background:0 0;flex:none;width:auto;max-width:none;height:.72em;margin:0;display:block}@media (max-width:850px){.inc-product-brand{margin-bottom:12px;font-size:clamp(28px,7.8vw,38px)}}.inc-product-brand--ink{color:#0a0f1a}.inc-product-brand--ink .inc-product-symbol:before{display:none}.inc-login-brand:before{background:linear-gradient(90deg,#0a0f1a66,#0a0f1a33),#0a0f1a url(/brand/magic-hero-x.png) 72%/cover no-repeat}.inc-login-brand p{text-shadow:0 2px 18px #00000080}.inc-login-brand .inc-product-star{filter:brightness(0)invert()}.inc-login-brand .inc-product-symbol:before{display:none}.inc-login-back{color:#60736d;margin-bottom:2px;font-size:11px;text-decoration:none;display:inline-block}.inc-login-back:hover{color:#0b7469;text-decoration:underline}.inc-login-back:focus-visible{outline-offset:4px;outline:2px solid #00b99f}.inc-login-card .inc-login-title{flex-wrap:wrap;align-items:center;gap:.22em;display:flex}.inc-login-title .inc-login-title-star{object-fit:contain;flex:none;width:.8em;height:.8em;display:inline-block}.inc-login-title .inc-login-title-wordmark{object-fit:contain;flex:none;width:auto;max-width:none;height:.52em;display:inline-block}.inc-login-card .inc-login-title{align-items:baseline;gap:.32em;line-height:1.2}.inc-login-title .inc-product-brand{vertical-align:baseline;margin:0;font-size:28px}@media (max-width:450px){.inc-login-title .inc-product-brand{font-size:25px}}.inc-login-shell{font-synthesis:none;font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.5}.inc-login-card button{cursor:pointer}.inc-login-card .inc-otp-actions button{font-weight:500}.inc-login-card .inc-login-notice{color:#0b7469;background:#edf5f2;border-radius:8px;padding:10px 12px;font-size:12px}.inc-login-brand .inc-product-wordmark,.inc-login-card .inc-product-wordmark{width:auto;height:.72em;margin:0}.inc-login-card .inc-product-star{width:100%;height:1.12em;margin:0}.inc-login-form button{justify-content:center;align-items:center;gap:8px;display:flex}
