.login-page{background:radial-gradient(circle at 17% 17%,#dcefff,transparent 40%),radial-gradient(circle at 85% 74%,#e3f4ff,transparent 45%),#f0f8ff}.login-shell{display:grid;grid-template-columns:49% 51%;width:min(1160px,95%);margin:22px auto 30px;border-radius:32px;overflow:hidden;background:#fff;box-shadow:0 10px 55px #67ade015;border:1px solid #ffffffb3}.login-story{position:relative;min-width:0;background:radial-gradient(circle at 95% 15%,#e4f4ff,transparent 50%),linear-gradient(130deg,#f9fdff,#edf8ff);overflow:hidden;display:flex;flex-direction:column}.login-story:before{content:'';position:absolute;right:8px;top:-85px;width:135px;height:145px;border-radius:50%;background:linear-gradient(#d6f1ff,#c2e5ff)}.login-story-content{position:relative;z-index:1;padding:43px 42px 16px}.login-brand{font-size:42px;gap:14px;margin-bottom:31px;letter-spacing:-1.6px}.login-brand .brand-icon>svg{width:55px;height:62px;color:var(--blue)}.login-brand .brand-icon .brand-bell{width:26px;height:32px;bottom:1px;left:-4px}.login-story h2{font-size:43px;line-height:1.06;letter-spacing:-1.4px;margin:0 0 20px}.login-story h2 span{color:var(--blue)}.login-story-lead{font-size:21px;color:#61759d;line-height:1.4;max-width:460px}.login-benefits{display:grid;gap:22px;margin-top:26px}.login-benefits>div{display:flex;align-items:center;gap:20px}.login-feature-icon{display:grid;place-items:center;border-radius:17px;background:#ffffffc7;border:1px solid #cde9ff;box-shadow:0 3px 6px #319ae909;width:75px;height:75px;flex-shrink:0;color:var(--blue)}.login-feature-icon svg{width:46px;height:46px;stroke-width:1.9;filter:drop-shadow(0 2px 3px #65b7ff24)}.login-benefits h3{font-size:19px;line-height:1.2;font-weight:750;margin:0 0 6px;letter-spacing:-.5px}.login-benefits p{font-size:16px;color:#64779e;line-height:1.35;max-width:325px}.login-illustration{position:relative;aspect-ratio:564/467;width:100%;overflow:hidden;margin-top:auto;mask-image:linear-gradient(to bottom,transparent,#000 12%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%)}.login-illustration>img{position:absolute;max-width:none;width:calc(1222 / 564 * 100%);height:auto;left:calc(-38 / 564 * 100%);top:calc(-800 / 467 * 100%)}.login-plane{position:absolute;right:25px;top:10px;color:var(--blue);fill:#72c4ff;width:65px;height:65px;transform:rotate(9deg)}.login-panel{padding:40px 48px 42px;background:radial-gradient(circle at 98% 95%,#e9f7ff,transparent 15%),#fff;border-radius:32px;position:relative;min-width:0;z-index:2}.login-register{text-align:right;display:flex;justify-content:flex-end;align-items:center;gap:10px;color:#667ea6;font-size:15px;margin-bottom:79px}.login-panel button:not(.button){font:inherit;cursor:pointer}.login-register button,.forgot-password button{color:var(--blue);background:none;border:0;padding:0}.login-register button{font-weight:600!important;white-space:nowrap}.login-panel h1{font-size:43px;letter-spacing:-1.4px;font-weight:800;line-height:1.15;margin:0 0 18px;white-space:nowrap}.login-panel h1 span{color:#0098d0}.login-panel-lead{color:#61769c;font-size:21px;line-height:1.35;margin-bottom:44px}.login-field{margin-top:24px}.login-field:first-child{margin-top:0}.login-field label{display:block;font-size:17px;font-weight:500;margin-bottom:10px;color:#0c1949}.login-input{display:flex;align-items:center;gap:16px;min-height:58px;background:#fff;border:1px solid #c9e0ff;border-radius:10px;padding:0 18px;color:#7789af}.login-input:focus-within{border-color:#1684ff;outline:3px solid #b4deff66}.login-input>svg{width:26px;height:26px;flex-shrink:0}.login-input input{flex:1;min-width:0;border:0;outline:0;background:transparent;height:56px;font:inherit;font-size:17px;color:#213665;padding:0}.login-input input::placeholder{color:#7e90b5}.password-toggle{background:none;border:0;color:#7a8caf;padding:4px;display:grid;place-items:center;flex-shrink:0;border-radius:5px}.password-toggle svg{width:25px;height:25px}.password-toggle:hover{color:var(--blue)}.forgot-password{text-align:right;margin-top:13px;font-size:16px}.login-submit{display:flex;width:100%;gap:17px;font-size:21px;padding:18px 20px;margin-top:31px;border-radius:11px;min-height:64px}.login-submit svg{width:28px;height:28px}.login-status{margin-top:15px;padding:13px 15px;background:#f0f8ff;border:1px solid #d8eaff;border-radius:9px;color:#34517d;font-size:14px;line-height:1.5}.login-status[hidden]{display:none}.login-separator{display:flex;align-items:center;gap:18px;color:#687da6;font-size:17px;margin:31px 0}.login-separator:before,.login-separator:after{content:'';height:1px;background:#cddbef;flex:1}.google-login{display:flex;align-items:center;justify-content:center;gap:17px;width:100%;min-height:60px;border:1px solid #c9e0ff;border-radius:10px;background:#fff;color:#07133f;font-size:18px!important;font-weight:650!important;padding:14px}.google-login:hover{background:#f7fbff;border-color:#8ac4ff}.google-mark{width:32px;height:32px;stroke:none;flex-shrink:0}.login-security{display:flex;align-items:center;gap:17px;border-radius:12px;background:linear-gradient(120deg,#eef8ff,#f4fbff);padding:20px;margin-top:39px}.login-security>span{display:grid;place-items:center;flex-shrink:0;width:53px;height:61px;background:#daf0ff;clip-path:polygon(50% 0,100% 18%,93% 65%,50% 100%,7% 65%,0 18%);color:var(--blue)}.login-security svg{width:37px;height:42px;fill:#329aff;stroke:#fff;stroke-width:1.8}.login-security h3{font-size:14px;line-height:1.25;margin:0 0 6px}.login-security p{font-size:13px;color:#6880a8;line-height:1.4}.login-ecosystem{text-align:center;border-top:1px solid #d9e8fb;padding-top:20px;margin-top:37px}.login-ecosystem p{font-size:14px;color:#7184ab;line-height:1.4}.login-flower-brand{display:flex;align-items:center;justify-content:center;gap:9px;margin:10px 0;font-size:23px;font-weight:800;letter-spacing:-.7px;color:#101449}.login-flower-brand img{width:51px;height:51px}.login-flower-brand>span>span{color:#813aff}.login-company-link{display:inline-flex;align-items:center;gap:8px;margin-top:15px;color:var(--blue);font-size:15px}.login-company-link svg{width:18px;height:18px}.login-register button:hover,.forgot-password button:hover{text-decoration:underline;text-underline-offset:4px}.login-page .site-footer{margin-top:0}
@media(max-width:1100px){.login-story-content{padding:37px 31px 15px}.login-brand{font-size:36px;gap:11px}.login-brand .brand-icon>svg{width:47px;height:55px}.login-story h2{font-size:37px}.login-story-lead{font-size:19px}.login-benefits{gap:20px}.login-benefits>div{gap:16px}.login-feature-icon{width:64px;height:67px;border-radius:14px}.login-feature-icon svg{width:40px;height:40px}.login-benefits h3{font-size:17px}.login-benefits p{font-size:15px}.login-panel{padding:35px 35px}.login-register{font-size:13px;gap:8px;margin-bottom:68px}.login-panel h1{font-size:37px}.login-panel-lead{font-size:19px;margin-bottom:37px}.login-field label{font-size:16px}.login-input{padding:0 15px;gap:13px}.login-input input{font-size:16px}.login-security{padding:17px;gap:14px}.login-flower-brand{font-size:22px}.login-ecosystem p{font-size:13px}}
@media(max-width:850px){.login-shell{grid-template-columns:44% 56%;width:96%}.login-story-content{padding:32px 23px 12px}.login-brand{font-size:29px;gap:8px;margin-bottom:27px}.login-brand .brand-icon>svg{width:39px;height:47px}.login-story h2{font-size:30px;letter-spacing:-1px}.login-story-lead{font-size:16px}.login-benefits{gap:21px}.login-feature-icon{width:48px;height:52px;border-radius:12px}.login-feature-icon svg{width:32px;height:32px}.login-benefits>div{gap:12px;align-items:flex-start}.login-benefits h3{font-size:15px}.login-benefits p{font-size:13px}.login-panel{padding:32px 27px}.login-panel h1{font-size:34px}.login-panel-lead{font-size:18px}.login-register{font-size:12px;margin-bottom:51px}.login-input{gap:10px}.login-input input{font-size:15px}.login-security h3{font-size:13px}.login-security p{font-size:12px}.login-ecosystem p{font-size:12px}.login-flower-brand{font-size:20px}.login-flower-brand img{width:44px;height:44px}.login-illustration{min-height:310px;aspect-ratio:auto;mask-image:linear-gradient(to bottom,transparent,#000 10%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 10%)}.login-illustration>img{width:790px;left:-30px;top:-519px}.login-plane{width:48px;height:48px}}
@media(max-width:650px){.login-shell{display:flex;flex-direction:column;width:94%;margin:15px auto 23px;border-radius:25px}.login-story-content{padding:27px 26px 24px}.login-brand{font-size:34px;margin-bottom:22px;gap:11px}.login-brand .brand-icon>svg{width:44px;height:50px}.login-story h2{font-size:34px;max-width:440px;margin-bottom:14px}.login-story-lead{font-size:17px;max-width:440px}.login-benefits,.login-illustration{display:none}.login-panel{padding:27px 26px 30px;border-radius:25px;background:#fff}.login-register{justify-content:flex-start;flex-wrap:wrap;text-align:left;font-size:14px;margin-bottom:29px}.login-panel h1{font-size:36px;letter-spacing:-1.2px}.login-panel-lead{font-size:18px;margin-bottom:31px}.login-field{margin-top:23px}.login-input input{font-size:16px}.login-field label{font-size:16px}.login-input{min-height:58px;gap:13px}.forgot-password{font-size:14px}.login-submit{font-size:19px;margin-top:25px;min-height:60px;padding:16px}.login-separator{margin:27px 0;font-size:16px}.google-login{font-size:17px!important}.login-security{margin-top:29px;padding:17px}.login-security h3{font-size:14px}.login-security p{font-size:13px}.login-ecosystem{margin-top:29px}.login-flower-brand{font-size:23px}.login-ecosystem p{font-size:13px}.login-company-link{font-size:14px}.login-story:before{right:-13px;top:-76px}}
.login-register a{color:var(--blue);font-weight:600;white-space:nowrap}.login-register a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:380px){.login-story-content,.login-panel{padding-left:20px;padding-right:20px}.login-panel h1{font-size:31px}.login-story h2{font-size:30px}.login-brand{font-size:31px}.login-input{padding:0 12px;gap:10px}.login-input>svg{width:22px}.login-input input{font-size:14px}.login-register{font-size:13px}.login-security{padding:14px;gap:12px}.login-security>span{width:41px;height:51px}.login-security svg{width:31px}.login-security h3{font-size:12px}.login-security p{font-size:12px}.login-flower-brand{font-size:20px}}
