.ruzo-auth{box-sizing:border-box;min-height:100vh;isolation:isolate;color:#241b39;background:#f9f8fc;min-height:100dvh;font-family:Inter,Segoe UI,Arial,sans-serif;position:relative;overflow:hidden}.ruzo-auth button,.ruzo-auth input{font:inherit}:is(.ruzo-auth button:focus-visible,.ruzo-auth input:focus-visible){outline-offset:4px;outline:3px solid #ba9ef9}.auth-splash{color:#fff;background:linear-gradient(155deg,#a36aff 0%,#8050ed 47%,#6637d5 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex}.auth-cloud{z-index:-1;background:#d6bcff55;border-radius:90px;width:210px;height:60px;position:absolute}.auth-cloud:before,.auth-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.auth-cloud:before{width:85px;height:85px;bottom:2px;left:35px}.auth-cloud:after{width:110px;height:110px;bottom:1px;right:20px}.cloud-a{top:24%;left:-65px;transform:rotate(-8deg)}.cloud-b{top:13%;right:-80px;transform:scale(.9)}.auth-star{color:#fff7d9;pointer-events:none;line-height:1;position:absolute}.star-a{font-size:25px;top:12%;left:12%}.star-b{font-size:36px;top:39%;right:15%}.star-c{font-size:17px;top:58%;left:24%}.splash-brand{text-align:center;position:relative}.auth-symbol{background:#ffffff16;border:1px solid #fff4;border-radius:32px;place-items:center;width:110px;height:110px;margin:0 auto 25px;display:grid;box-shadow:inset 0 1px #fff3,0 20px 60px #46219133}.auth-symbol .custom-brand-mark{filter:none;width:70px;height:70px;display:block;background:#fff!important}.splash-brand h1{letter-spacing:-2px;font-size:44px;line-height:1.1}.splash-brand h1 span{color:#e7d6ff}.splash-brand p{letter-spacing:1px;color:#f0e7ff;margin-top:14px;font-size:13px}.splash-footer{color:#f3eaff;align-items:center;gap:10px;display:flex;position:absolute;bottom:50px}.splash-footer small{font-size:11px}.splash-loader{border:2px solid #fff5;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:1s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-intro{flex-direction:column;display:flex}.intro-art{isolation:isolate;background:linear-gradient(155deg,#a56dff,#8953ed 50%,#7140da);border-radius:0 0 32px 32px;height:52dvh;min-height:340px;max-height:510px;position:relative;overflow:hidden}.intro-brand{color:#fff;align-items:center;gap:7px;display:flex;position:absolute;top:32px;left:28px}.intro-brand .custom-brand-mark{width:28px;height:28px;background:#fff!important}.intro-brand strong{letter-spacing:-.6px;font-size:22px}.intro-art .cloud-a{top:39%;left:-135px}.intro-art .cloud-b{top:29%;right:-120px}.intro-art .star-a{font-size:18px;top:26%;left:26%}.intro-art .star-b{font-size:23px;top:19%;right:12%}.intro-art .star-c{font-size:22px;top:73%;left:14%}.intro-laptop{filter:drop-shadow(0 26px 30px #3f168b40);width:81%;max-width:360px;position:absolute;top:53%;left:50%;transform:translate(-50%,-50%)rotate(-5deg)}.intro-orbit{border:1px solid #ffffff46;border-radius:50%;width:118%;height:100px;position:absolute;top:57%;left:-9%;transform:rotate(-13deg)}.auth-office{color:#fff;border-radius:13px;place-items:center;width:57px;height:62px;font-size:33px;font-weight:800;display:grid;position:absolute;transform:rotate(-9deg);box-shadow:inset 0 1px #fff5,0 12px 25px #34156c35}.auth-word{background:linear-gradient(130deg,#429eff,#185bdc);top:42%;left:12%}.auth-excel{background:linear-gradient(130deg,#4ad9a3,#0d9a64);top:29%;right:22%;transform:rotate(9deg)}.auth-ppt{background:linear-gradient(135deg,#ffb06c,#ed6541);top:65%;right:10%;transform:rotate(11deg)}.intro-chip{white-space:nowrap;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff2;border:1px solid #fff3;border-radius:30px;align-items:center;gap:7px;padding:8px 14px;font-size:11px;display:flex;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.intro-copy{background:#fdfcfe;flex-direction:column;flex:1;padding:24px 27px 23px;display:flex}.auth-dots{gap:5px;margin-bottom:19px;display:flex}.auth-dots i{background:#e2d8f4;border-radius:5px;width:5px;height:5px}.auth-dots i:first-child{background:#8551ee;width:22px}.intro-copy h1{letter-spacing:-1.1px;color:#251a38;font-size:31px;line-height:1.18}.intro-copy>p{color:#777080;max-width:330px;margin-top:12px;font-size:14px;line-height:1.65}.intro-features{color:#6c5d82;gap:17px;margin:18px 0 14px;font-size:11px;display:flex}.intro-features span{align-items:center;gap:5px;display:flex}.auth-primary{cursor:pointer;background:linear-gradient(105deg,#9560f5,#7642df);border:0;border-radius:15px;justify-content:center;align-items:center;gap:14px;width:100%;min-height:53px;display:flex;box-shadow:0 6px 16px #7f49e526;color:#fff!important;font-size:15px!important;font-weight:650!important}.intro-copy>.auth-primary{margin-top:auto}.intro-have-account{background:0 0;color:#82798f!important;padding:16px 0 0!important;font-size:11px!important}.intro-have-account strong{color:#8450e9;margin-left:3px}.auth-login{background:linear-gradient(#f8f5fd,#fcfbfe 42%,#f7f5fa);flex-direction:column;padding:27px 27px 18px;display:flex}.login-top{justify-content:space-between;align-items:center;display:flex}.auth-back{color:#3c3050;background:#fff;border-radius:12px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 2px 10px #31174805}.login-top>span{color:#8250e7;letter-spacing:-.4px;align-items:center;gap:4px;font-size:17px;display:flex}.login-top .custom-brand-mark{filter:none;width:22px;height:22px}.login-main{margin-top:53px}.login-eyebrow{letter-spacing:2px;color:#9b78c8;font-size:9px;font-weight:650}.login-main h1{letter-spacing:-1.3px;color:#2b1c3e;margin-top:12px;font-size:34px;line-height:1.16}.login-description{color:#837a90;margin-top:15px;font-size:13px;line-height:1.65}.login-main form{margin-top:30px}.auth-label{color:#655773;margin-bottom:9px;font-size:11px;font-weight:600;display:block}.auth-input{color:#baa9ce;background:#fff;border:1px solid #e9e2f1;border-radius:14px;align-items:center;gap:10px;height:53px;padding:0 15px;transition:border-color .15s;display:flex}.auth-input:focus-within{border-color:#ae88f1;box-shadow:0 0 0 3px #a16be910}.auth-input input{box-shadow:none;color:#332442;background:0 0;border:0;flex:1;min-width:0;height:100%;padding:0;outline:0!important;font-size:14px!important}.auth-input input::placeholder{color:#b6acbf}.auth-input.has-error{border-color:#da7b94}.login-mode{color:#a091af;margin-top:10px;font-size:10px;line-height:1.55;display:block}.login-error{color:#b24367;margin-top:9px;font-size:12px}.login-main form>.auth-primary{margin-top:22px}.auth-divider{color:#a196ac;align-items:center;gap:13px;margin:26px 0 19px;font-size:10px;display:flex}.auth-divider span{background:#e9e2ef;flex:1;height:1px}.auth-social{color:#51415f;background:#fff5;border:1px solid #e5deed;border-radius:14px;align-items:center;gap:10px;width:100%;height:49px;margin-top:11px;padding:0 14px;display:flex;opacity:.7!important;cursor:default!important;font-size:12px!important}.auth-social small{color:#aa9ab8;margin-left:auto;font-size:9px}.google-letter{color:#4285f4;font-family:Arial,sans-serif;font-size:21px;font-weight:700}.login-private{color:#a397ae;justify-content:center;align-items:flex-start;gap:7px;margin-top:25px;font-size:10px;line-height:1.6;display:flex}.login-private svg{flex-shrink:0;margin-top:1px}.auth-footer{text-align:center;color:#b3a8bc;margin-top:auto;padding-top:28px;font-size:10px}.auth-footer span{color:#9886ad;font-weight:700}@media (min-width:650px){.ruzo-auth{border-radius:32px;max-width:430px;min-height:850px;margin:auto;box-shadow:0 20px 90px #28164b22}.auth-splash{min-height:850px}.intro-art{height:440px}.auth-login{padding:30px 32px}.intro-copy{padding-bottom:28px}}@media (max-height:720px) and (max-width:649px){.intro-art{height:43dvh;min-height:275px}.intro-copy{padding-top:18px}.intro-copy h1{font-size:27px}.intro-copy>p{margin-top:9px;font-size:12px}.intro-features{margin:12px 0}.auth-dots{margin-bottom:12px}.login-main{margin-top:30px}.login-main h1{font-size:29px}.login-main form{margin-top:22px}.auth-divider{margin:21px 0 14px}}@media (prefers-reduced-motion:reduce){.splash-loader{animation:none}}.auth-tabs{background:#eee8f8;border-radius:12px;gap:8px;margin-top:22px;padding:4px;display:flex}.auth-tabs button{color:#927ba9;border-radius:9px;flex:1;padding:10px 7px;font-size:12px}.auth-tabs button[aria-pressed=true]{color:#7844cf;background:#fff;box-shadow:0 2px 7px #44215a0a}.auth-login .auth-label{margin-top:15px}.auth-input button{color:#9e8daf;flex-shrink:0;place-items:center;padding:0;display:grid}.auth-login .login-main form{margin-top:8px}.ruzo-auth.auth-screen{max-width:none;min-height:100dvh;box-shadow:none;background:#f6f5fa;border-radius:0;margin:0;padding:24px;overflow:visible}.auth-screen *{box-sizing:border-box}.auth-screen .login-top{width:100%;max-width:1160px;min-height:30px;margin:0 auto}.auth-screen .login-top>span:first-child{gap:6px;font-size:20px}.auth-screen .login-top .login-eyebrow{letter-spacing:1.8px;font-size:9px}.auth-screen .login-main{max-width:480px;margin:32px auto 0;padding:0}.auth-screen .login-main h1{letter-spacing:-1px;margin:8px 0 0;font-size:30px;line-height:1.18}.login-kicker{letter-spacing:1.8px;color:#8b719f;font-size:9px;font-weight:700}.auth-screen .login-description{color:#7e748b;margin:8px 0 0;font-size:12px;line-height:1.6}.auth-screen .auth-tabs{background:#eeebf4;margin:20px 0 0;padding:4px}.auth-screen .auth-tabs button{cursor:pointer;font:inherit;border:0;font-size:12px}.auth-screen .login-fields{grid-template-columns:minmax(0,1fr);gap:14px;margin:20px 0 0;display:grid}.login-field{min-width:0}.auth-screen.auth-login .auth-label{color:#645471;margin:0 0 7px;font-size:11px;line-height:1.4}.auth-screen .auth-input{height:46px;box-shadow:none;border-color:#e3dfe9;border-radius:11px;gap:9px;padding:0 12px}.auth-screen .auth-input:focus-within{border-color:#a57ddc;box-shadow:0 0 0 3px #8450d512}.auth-screen .auth-input input{min-height:0;font-size:14px!important}.auth-screen .auth-input>svg{flex-shrink:0}.auth-screen .auth-input button{cursor:pointer;background:0 0;border:0}.auth-screen .login-mode{color:#8b8098;margin:0;font-size:10px}.auth-screen .login-full{grid-column:1/-1}.auth-screen .login-fields>.auth-primary{border-radius:11px;height:48px;min-height:48px;margin:0;box-shadow:0 4px 12px #7848bb20;font-size:14px!important}.auth-screen .auth-primary:disabled{opacity:.55;cursor:wait}.auth-screen .login-private{color:#8b8197;justify-content:flex-start;max-width:none;margin:18px 0 0;font-size:10px;line-height:1.55}.auth-screen .login-error{color:#ad3657;margin:0;font-size:12px;line-height:1.6}.login-desktop-story{display:none}.login-referral{border-top:1px solid #e5e0eb;min-width:0;padding-top:14px}.login-referral-label{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.auth-screen .login-referral-label label{align-items:center;gap:6px;margin:0;display:flex}.login-referral-label label>span{color:#94849f;font-size:9px;font-weight:400}.login-referral-label>button{color:#8754c4;cursor:pointer;background:0 0;border:0;padding:3px 0;font-size:10px}.login-referral>small{color:#8c8097;margin-top:7px;font-size:10px;line-height:1.55;display:block}.referral-entry{isolation:isolate;border-radius:9px;position:relative}.referral-slots{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;display:grid}.referral-slots>span{color:#b6a7c5;background:#fff;border:1px solid #e1dbe9;border-radius:8px;place-items:center;min-width:0;height:43px;font:600 19px/1 ui-monospace,SFMono-Regular,Consolas,monospace;display:grid}.referral-slots>span.is-filled{color:#6438a7;background:#f8f4ff;border-color:#cdb6eb}.referral-entry.is-focused .referral-slots>span.is-cursor{border-color:#8953d5;box-shadow:0 0 0 2px #8953d51c}.referral-entry input{-webkit-text-fill-color:transparent;caret-color:#0000;cursor:text;z-index:1;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;font-size:16px;position:absolute;inset:0;color:#0000!important;outline:none!important}.referral-entry input:disabled{cursor:wait}.login-referral-status{color:#8a7c98;align-items:center;gap:5px;min-height:15px;margin:5px 0 0;font-size:10px;line-height:1.5;display:flex}.login-referral-status.valid{color:#287c5e}.login-referral-status.invalid{color:#ac3656}.login-referral-status.unavailable{color:#94702d}.login-legacy-code{color:#7546a6;background:#fff;border:1px solid #dbd0eb;border-radius:9px;align-items:center;gap:7px;padding:12px;font-size:12px;display:flex}@media (min-width:900px){.ruzo-auth.auth-screen.is-web{background:radial-gradient(at 6% 80%,#e9e0f455,#0000 58%),#f6f5fa;padding:24px 40px 32px}.auth-screen.is-web .login-layout{grid-template-columns:minmax(0,1fr) minmax(400px,510px);align-items:center;gap:64px;width:100%;max-width:1160px;min-height:calc(100dvh - 106px);margin:20px auto 0;display:grid}.auth-screen.is-web .login-main{background:#fff;border:1px solid #e7e1ed;border-radius:22px;width:100%;max-width:none;margin:0;padding:28px 30px;box-shadow:0 12px 48px #44305b07}.auth-screen.is-web .login-fields.is-registration{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.auth-screen.is-web .login-desktop-story{min-width:0;display:block}.login-desktop-story h2{letter-spacing:-2.5px;margin:20px 0;font-size:clamp(40px,4.3vw,60px);font-weight:750;line-height:1.08}.login-desktop-story h2>em{color:#8750da;font-style:normal}.login-desktop-story>p{color:#81738e;max-width:390px;margin:0 0 28px;font-size:14px;line-height:1.8}.login-workspace{background:#fff;border:1px solid #e7e0ee;border-radius:16px;max-width:460px;overflow:hidden;transform:rotate(-2deg);box-shadow:0 14px 40px #50366b08}.login-workspace-bar{border-bottom:1px solid #efeaf4;align-items:center;gap:12px;padding:12px 14px;display:flex}.login-workspace-bar>span{gap:4px;display:flex}.login-workspace-bar i{background:#d5c6e8;border-radius:50%;width:5px;height:5px}.login-workspace-bar small{letter-spacing:1px;color:#9a86ae;font-size:8px}.login-workspace-bar>b{color:#4c917a;background:#edf7f1;border-radius:12px;margin-left:auto;padding:4px 7px;font-size:8px;font-weight:500}.login-apps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:24px 18px;display:grid}.login-apps>div{text-align:center;padding:10px 0}.login-apps img{object-fit:contain;margin:0 auto 12px;display:block}.login-apps strong{color:#51425f;font-size:12px;display:block}.login-apps small{color:#9a8ca8;margin-top:5px;font-size:9px;display:block}.login-workspace-note{color:#8a759f;border-top:1px solid #efeaf4;align-items:center;gap:8px;padding:12px 18px;font-size:10px;display:flex}.login-workspace-note svg{color:#9270b7}.login-path{color:#ad9bba;align-items:center;gap:12px;margin-top:28px;font-size:10px;display:flex}.login-path>span{color:#83718f}.auth-screen.is-web .login-private{margin-top:16px;font-size:9px}.auth-screen.is-web .auth-tabs{margin-top:16px}.auth-screen.is-web .login-fields{margin-top:18px}}@media (min-width:900px) and (max-width:1050px){.auth-screen.is-web .login-layout{grid-template-columns:minmax(0,1fr) minmax(380px,470px);gap:32px}.login-desktop-story h2{font-size:44px}.login-workspace-bar small{letter-spacing:.3px;font-size:7px}}@media (max-width:500px){.ruzo-auth.auth-screen{background:#fbf9fd;padding:22px 22px 28px}.auth-screen .login-top .login-eyebrow{letter-spacing:1px;font-size:7px}.auth-screen .login-main{margin-top:30px}.auth-screen .auth-input input{font-size:16px!important}.auth-screen .login-private{font-size:9px}.referral-slots>span{height:40px;font-size:18px}.referral-slots{gap:4px}.auth-screen .login-fields{gap:12px}}@media (min-width:900px) and (max-height:820px){.ruzo-auth.auth-screen.is-web{padding:16px 32px 24px}.auth-screen.is-web .login-layout{min-height:calc(100dvh - 82px);margin-top:12px}.auth-screen.is-web .login-main{padding:22px 26px}.auth-screen.is-web .login-main h1{font-size:27px}.auth-screen.is-web .auth-tabs{margin-top:12px}.auth-screen.is-web .auth-tabs button{padding:8px 7px}.auth-screen.is-web .login-fields{row-gap:10px;margin-top:16px}.auth-screen.is-web .auth-input{height:40px}.auth-screen.is-web.auth-login .auth-label{margin-bottom:5px;font-size:10px}.auth-screen.is-web .login-referral-label .auth-label{margin:0}.auth-screen.is-web .login-referral{padding-top:10px}.auth-screen.is-web .referral-slots>span{height:38px}.auth-screen.is-web .login-private{margin-top:12px;font-size:8px}.auth-screen.is-web .login-mode{font-size:9px}.login-desktop-story h2{font-size:46px}.login-apps{padding:18px 14px}}@media (prefers-reduced-motion:reduce){.auth-screen *{scroll-behavior:auto!important;transition:none!important}}
