.login-page{--login-blue:#0aa6ff;color:#f7fbff;background:#020a16;grid-template-columns:minmax(570px,1.15fr) minmax(470px,.85fr);min-height:100vh;display:grid;overflow:hidden}.login-showcase{isolation:isolate;background:linear-gradient(100deg,#020915fa,#020c1ced 51%,#021a3b80),url(/runfloor-blue-motion.png) 50%/cover;min-height:100vh;padding:34px clamp(34px,4.5vw,76px) 30px;position:relative;overflow:hidden}.login-showcase:before{content:"";z-index:-1;background:linear-gradient(135deg,#0000 20%,#0079ff47 21% 38%,#0000 39% 46%,#00aeff26 47% 58%,#0000 59%);width:85%;height:90%;position:absolute;inset:-20% -25% auto auto;transform:rotate(-7deg)}.login-logo{z-index:5;color:#fff;align-items:center;gap:14px;text-decoration:none;display:inline-flex;position:relative}.login-logo-mark{letter-spacing:-7px;background:linear-gradient(110deg,#fff 42%,#05b9ff 43%);color:#0000;-webkit-background-clip:text;font-size:43px;font-style:italic;font-weight:950;transform:skew(-8deg)}.login-logo>span:last-child{display:grid}.login-logo b{letter-spacing:-1.5px;font-size:31px;font-style:italic;line-height:.88}.login-logo b span{color:#0bb4ff}.login-logo small{letter-spacing:6px;margin-top:8px;padding-left:3px;font-size:9px}.login-pitch{z-index:3;width:min(470px,58%);margin-top:65px;position:relative}.login-kicker{color:#dbe8f6;text-transform:uppercase;letter-spacing:5px;margin:0 0 18px;font-size:12px;font-weight:650}.login-pitch h1{letter-spacing:-4px;margin:0;font-size:clamp(48px,4.35vw,70px);line-height:.91}.login-pitch h1 em{color:#0bb4ff;font-style:normal}.login-swoop{border-top:6px solid #09aaf7;border-radius:50%;width:285px;height:13px;margin:14px 0 17px;display:block;transform:rotate(-2deg)}.login-pitch-copy{color:#e2ebf5;max-width:410px;font-size:16px;line-height:1.55}.login-benefits{gap:8px;margin-top:20px;display:grid}.login-benefit{background:linear-gradient(90deg,#031226e6,#03122661);border:1px solid #5eb0ff24;border-radius:999px;align-items:center;gap:15px;padding:9px 16px 9px 10px;display:flex}.login-benefit-icon{background:linear-gradient(145deg,#149aff,#0757a4);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:19px;display:grid;box-shadow:0 0 18px #149aff73}.login-benefit-icon.purple{background:linear-gradient(145deg,#a62cff,#5510a3)}.login-benefit-icon.green{background:linear-gradient(145deg,#14d98b,#087344)}.login-benefit-icon.orange{background:linear-gradient(145deg,#ff9e18,#ef5900)}.login-benefit>span:last-child{gap:3px;display:grid}.login-benefit b{font-size:13px}.login-benefit small{color:#c1cfde;font-size:10px}.login-product-art{z-index:2;width:64%;height:620px;position:absolute;inset:175px -90px auto 47%;transform:rotate(-5deg)}.login-laptop{background:#061120;border:2px solid #3b6eaa;border-radius:14px;width:540px;height:390px;padding:8px;box-shadow:0 35px 70px #000c,0 0 30px #1194ff4d}.login-laptop-bar{color:#07162b;background:#f9fbff;border-radius:6px 6px 0 0;align-items:center;gap:8px;height:38px;padding:0 12px;font-size:9px;display:flex}.login-laptop-bar>span{color:#0af;background:#06182a;border-radius:5px;place-items:center;width:22px;height:22px;display:grid}.login-laptop-bar i{margin-left:auto;font-style:normal}.login-laptop-body{color:#081426;background:#f4f8fd;grid-template-columns:95px 1fr;height:336px;display:grid}.login-laptop nav{color:#dce8f6;background:#061323;flex-direction:column;gap:17px;padding:17px 9px;font-size:8px;display:flex}.login-laptop nav b{margin-bottom:8px;font-size:17px}.login-laptop nav span:first-of-type{color:#fff;background:#078cff;border-radius:4px;margin:-7px -4px 0;padding:9px 5px}.login-laptop-body>div{padding:26px 18px}.login-laptop-body small{color:#2b75bd;letter-spacing:1px;font-size:7px}.login-laptop h2{letter-spacing:-1.5px;margin:7px 0 4px;font-size:25px}.login-laptop p{color:#697890;margin:0;font-size:10px}.login-laptop section{grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0 13px;display:grid}.login-laptop section i{color:#0879df;background:#dff2ff;border-radius:9px;align-content:center;place-items:center;gap:9px;min-height:86px;font-size:19px;font-style:normal;display:grid}.login-laptop section i:nth-child(2){color:#ee36ab;background:#ffe4f7}.login-laptop section i:nth-child(3){color:#00af70;background:#dcfaed}.login-laptop section b{color:#162134;font-size:8px}.login-laptop article{background:#fff;border-radius:9px;height:95px;padding:12px;font-size:9px;box-shadow:0 7px 18px #2a466414}.login-laptop svg{width:100%;height:60px;overflow:visible}.login-laptop path{fill:none;stroke:#0a8dff;stroke-width:3px}.login-phone{z-index:4;color:#0a1525;background:#fff;border:7px solid #080b10;border-radius:31px;width:210px;height:405px;position:absolute;top:330px;left:110px;overflow:hidden;transform:rotate(8deg);box-shadow:0 30px 60px #000e,0 0 0 2px #a6b6c8}.login-phone-notch{z-index:2;background:#06080b;border-radius:0 0 12px 12px;width:76px;height:17px;position:absolute;top:0;left:50%;transform:translate(-50%)}.login-phone header{align-items:center;gap:8px;height:58px;padding:14px 11px 4px;font-size:9px;display:flex}.login-phone header b{color:#09aeff;background:#06182a;border-radius:6px;place-items:center;width:23px;height:23px;display:grid}.login-phone header i{margin-left:auto}.login-phone>div{color:#fff;background:radial-gradient(circle at 70% 20%,#00b1ff80,#0000 22%),linear-gradient(155deg,#072c69,#020b19 70%,#087dce);flex-direction:column;justify-content:flex-end;align-items:flex-start;height:285px;padding:20px 14px;display:flex}.login-phone div small{color:#83ddff;letter-spacing:1.5px;font-size:7px}.login-phone strong{margin:7px 0 18px;font-size:28px;font-style:italic;line-height:.88}.login-phone strong em{color:#0bb4ff}.login-phone button{color:#fff;background:#078cff;border:0;border-radius:999px;align-self:center;padding:8px 18px;font-size:9px;font-weight:800}.login-phone footer{padding:14px 10px;font-size:8px}.login-networks{z-index:5;align-items:end;gap:10px;display:flex;position:absolute;bottom:23px;left:clamp(35px,5vw,82px)}.login-networks span{background:#0d79f0;border-radius:10px;place-items:center;width:43px;height:43px;font-weight:900;display:grid;box-shadow:0 10px 22px #0009,0 0 15px #0099ff59}.login-networks span:nth-child(2){background:linear-gradient(135deg,#ffb52e,#f02690 48%,#6728d9)}.login-networks span:nth-child(3){text-shadow:2px 1px #f24,-2px -1px #0ff;background:#050609}.login-networks span:nth-child(4){background:#0b71b9;font-size:14px}.login-networks span:nth-child(5){background:#ed1d24}.login-panel{background:radial-gradient(circle at 45% 12%,#2cb8ff73,#0000 25%),linear-gradient(145deg,#083070,#079ef0 48%,#043b91 100%);place-items:center;min-height:100vh;padding:45px clamp(30px,4vw,70px);display:grid;position:relative}.login-panel:before,.login-panel:after{content:"";pointer-events:none;background:linear-gradient(132deg,#0000 0 23%,#ffffff1a 23.2% 33%,#0000 33.2% 62%,#00105038 62.2% 72%,#0000 72.2%);position:absolute;inset:0}.login-panel:after{opacity:.4;transform:scaleX(-1)}.login-card{z-index:2;color:#071326;background:linear-gradient(145deg,#fffffffc,#f3f8fffa);border:1px solid #ffffffe6;border-radius:29px;width:min(100%,540px);padding:43px 42px 37px;position:relative;box-shadow:0 28px 90px #000a278c,0 0 32px #42cfff80}.login-welcome{text-align:center;color:#61738d;text-transform:uppercase;letter-spacing:5px;margin:0 0 14px;font-size:11px;font-weight:800}.login-card-logo{color:#06162b;justify-content:center;align-items:center;gap:9px;text-decoration:none;display:flex}.login-card-logo>span{letter-spacing:-8px;background:linear-gradient(110deg,#06162b 48%,#04abef 49%);color:#0000;-webkit-background-clip:text;font-size:45px;font-style:italic;font-weight:950;transform:skew(-8deg)}.login-card-logo>b{font-size:27px;font-style:italic;line-height:.82;display:grid}.login-card-logo em{color:#0799e5;font-style:italic}.login-card-logo small{letter-spacing:5px;text-align:center;margin-top:9px;font-size:7px}.login-card h2{text-align:center;letter-spacing:-2px;margin:38px 0 8px;font-size:43px;line-height:1}.login-intro{text-align:center;color:#60738d;max-width:330px;margin:0 auto 27px;font-size:15px;line-height:1.45}.login-form{gap:17px;display:grid}.login-form>label{gap:8px;font-size:13px;font-weight:800;display:grid}.login-input{background:#fff;border:1px solid #cad9e9;border-radius:11px;align-items:center;height:54px;padding:0 15px;display:flex;box-shadow:inset 0 1px 2px #0c315309}.login-input>span{color:#7189a5;width:28px;font-size:18px}.login-input input{color:#071326;min-width:0;height:100%;font:inherit;background:0 0;border:0;outline:0;flex:1}.login-input:focus-within{border-color:#078fff;box-shadow:0 0 0 3px #078fff24}.login-form-options{color:#63758d;justify-content:space-between;align-items:center;gap:20px;font-size:12px;display:flex}.login-form-options label{align-items:center;gap:8px;display:flex}.login-form-options input{accent-color:#078cff;width:17px;height:17px}.login-form-options a{color:#087be4;text-decoration:none}.login-submit,.login-create{min-height:58px;font:inherit;cursor:pointer;border:0;border-radius:11px;font-weight:850}.login-submit{color:#fff;background:linear-gradient(100deg,#0eb0ed,#0874ff);box-shadow:0 13px 25px #0874ff40}.login-submit span,.login-create span{margin-left:6px;font-size:20px}.login-divider{color:#7a8da4;text-transform:uppercase;align-items:center;gap:14px;font-size:11px;font-weight:800;display:flex}.login-divider:before,.login-divider:after{content:"";background:#d3deea;flex:1;height:1px}.login-create{color:#0a1728;background:#fff;border:1px solid #d5e0ec;box-shadow:0 7px 20px #0c2a4d14}.login-account-note{text-align:center;color:#60738d;margin:23px 0 0;font-size:11px}@media (max-width:1100px){.login-page{grid-template-columns:1fr}.login-showcase{min-height:800px}.login-panel{min-height:auto;padding-block:70px}.login-product-art{left:54%}.login-pitch{width:52%}}@media (max-width:720px){.login-showcase{min-height:710px;padding:25px 22px}.login-pitch{width:100%;margin-top:48px}.login-pitch h1{font-size:50px}.login-pitch-copy{max-width:360px}.login-benefits{width:min(100%,430px)}.login-product-art{display:none}.login-networks{left:22px}.login-card{padding:36px 23px}.login-panel{padding:34px 16px}.login-card h2{font-size:38px}.login-form-options{flex-direction:column-reverse;align-items:flex-start;gap:12px}}@media (max-width:430px){.login-showcase{min-height:745px}.login-logo b{font-size:26px}.login-pitch h1{font-size:43px}.login-benefit{padding-right:8px}.login-networks span{width:36px;height:36px}.login-card-logo>span{font-size:38px}.login-card-logo>b{font-size:23px}}.login-page{width:100%;max-width:none;margin:0;padding:0}.login-showcase,.login-panel{max-width:none}.login-name-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.login-name-row>label{gap:8px;font-size:13px;font-weight:800;display:grid}.signup-form{gap:13px}.signup-form .login-input{height:49px}.login-form>label>small{color:#7a8da4;margin-left:5px;font-size:10px;font-weight:600}.login-card>.login-divider{margin:17px 0}.login-mode-link{justify-content:center;align-items:center;text-decoration:none;display:flex}.login-card:has(.signup-form){padding-block:28px}.login-card:has(.signup-form) h2{margin-top:22px;font-size:38px}.login-card:has(.signup-form) .login-intro{margin-bottom:18px}@media (max-width:430px){.login-name-row{grid-template-columns:1fr}.login-card:has(.signup-form){padding-block:24px}}.login-panel{min-width:0}.login-card{width:100%;min-width:0;max-width:540px}.login-name-row>*{min-width:0}@media (min-width:1101px) and (max-height:980px){.login-showcase,.login-panel{height:100svh;min-height:0}.login-showcase{padding-block:24px}.login-logo-mark{font-size:35px}.login-logo b{font-size:27px}.login-pitch{margin-top:38px}.login-pitch h1{font-size:52px}.login-swoop{margin-block:10px 12px}.login-pitch-copy{font-size:14px}.login-benefits{gap:5px;margin-top:13px}.login-benefit{padding-block:6px}.login-benefit-icon{width:34px;height:34px}.login-product-art{transform-origin:0 0;top:130px;transform:rotate(-5deg)scale(.88)}.login-networks{bottom:14px}.login-panel{padding-block:24px}.login-card:has(.signup-form){padding-block:18px}.login-card:has(.signup-form) h2{margin-top:14px;font-size:34px}.login-card:has(.signup-form) .login-intro{margin-bottom:12px;font-size:13px}.signup-form{gap:9px}.signup-form .login-input{height:44px}.login-card>.login-divider{margin:12px 0}.login-account-note{margin-top:14px}}