:root{--navy:#04075c;--light:#a1d9ff}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#fff;font-family:Inter,"Segoe UI",Arial,sans-serif;background:radial-gradient(ellipse at 0 22%,#2459ae 0,transparent 36%),radial-gradient(ellipse at 75% 100%,#123ca9 0,transparent 40%),#040d68}a{text-decoration:none}.login-header{height:70px;background:#04085b;border-bottom:1px solid #304391}.login-header nav{max-width:1260px;margin:auto;height:100%;display:flex;justify-content:space-between;align-items:center}.header-brand{display:block;width:42px;height:44px;overflow:hidden}.header-brand img{height:44px;width:auto;max-width:none}.header-actions{display:flex;gap:12px}.header-actions a{padding:8px 14px;border:1px solid #9cadd6;border-radius:10px;color:white;font-size:14px}.header-actions .register-link{background:#fff;color:#151858}.login-stage{position:relative;isolation:isolate;max-width:1360px;min-height:788px;margin:30px auto 0;border:1px solid #487cfa;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:1fr 440px;column-gap:35px;padding:54px 34px 24px 48px;background:#03085f;box-shadow:0 0 0 1px #122b91}.main-art{position:absolute;z-index:-2;height:calc(100% - 82px);object-position:center;left:34%;top:0;mask-image:linear-gradient(90deg,transparent,black 24%,black 80%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 24%,black 80%,transparent)}.intro{max-width:510px;padding-bottom:22px}.intro-brand{display:flex;align-items:center;gap:32px;height:104px;margin-bottom:24px}.intro-brand img{width:210px;max-height:104px;object-fit:contain}.intro-brand span{font-size:20px;white-space:nowrap}.intro h1{font-size:55px;line-height:1.06;letter-spacing:-1.8px;font-weight:750;margin:0 0 20px}.intro h1 span{color:var(--light)}.intro-copy{font-size:16px;line-height:1.5;max-width:480px;margin-bottom:24px}.feature-list{display:flex;flex-wrap:wrap;gap:10px;max-width:490px}.feature-list span{display:flex;align-items:center;gap:13px;padding:10px 16px;border:1px solid #2a4399;border-radius:12px;background:linear-gradient(125deg,#0b207ac9,#051363e6);font-size:14px;white-space:nowrap}.feature-list i{font-size:25px;line-height:1.1}.handwriting{font-family:"Segoe Print","Bradley Hand",cursive;font-style:italic;color:#88c6ff}.tagline{font-size:25px;transform:rotate(-7deg);display:inline-block;margin:25px 0 20px}.tagline:after{content:"";display:block;width:98px;height:10px;border-top:2px solid #62caff;border-radius:50%;margin:10px 0 0 64px}.signin-area{padding-top:28px;align-self:start}.signin-card{background:#fff;color:#243561;padding:34px 26px 24px;border:1px solid #dfe6fa;border-radius:16px;box-shadow:0 12px 42px #01044738}.signin-card h2{font-size:32px;letter-spacing:-1px;font-weight:750;text-align:center;color:#080961;margin:0 0 3px}.welcome{text-align:center;color:#4a5b84;margin-bottom:25px}.signin-card label{font-size:14px;font-weight:600;margin-bottom:8px}.login-input{display:flex;min-height:46px;border:1px solid #c6d5ee;border-radius:8px;overflow:hidden;background:#e8f0fd;margin-bottom:21px}.login-input>span{display:grid;place-items:center;width:42px;background:#f7f9fe;border-right:1px solid #dbe3f2}.login-input input{min-width:0;flex:1;border:0;background:transparent;padding:10px 12px;outline:none;color:#101526;font-size:14px}.login-input:focus-within{outline:2px solid #5382d8;outline-offset:2px}.login-input button{width:43px;border:0;border-left:1px solid #c6d5ee;background:#fff;color:#243561}.password-label{display:flex;justify-content:space-between;align-items:baseline}.forgot-link{border:0;padding:0;color:#050abb;text-decoration:underline;background:none;font-size:14px}.login-submit{display:block;width:100%;border:0;border-radius:8px;padding:12px;color:#fff;background:linear-gradient(115deg,#030565,#090d70);font-size:21px;font-weight:600}.login-submit:hover{background:#17238e}.register-note{text-align:center;font-size:14px;margin:22px 0 0}.register-note a{color:#080dd1}.business-types{display:flex;justify-content:space-between;text-align:center;margin-top:36px;gap:10px}.business-types span{position:relative;font-size:12px;flex:1;white-space:nowrap}.business-types i{display:block;font-size:34px;margin-bottom:8px}.business-types span+span:before{content:"";position:absolute;left:-5px;top:8px;height:35px;border-left:1px solid #40559e}.trust-strip{grid-column:1/-1;align-self:end;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;background:linear-gradient(115deg,#0b217bcc,#0a237988);border:1px solid #233989;border-radius:14px;padding:18px 34px;margin-left:-18px;margin-top:14px}.trust-strip>div{display:flex;align-items:center;justify-content:center;gap:18px;position:relative}.trust-strip>div+div:before{content:"";position:absolute;left:-10px;height:25px;border-left:1px solid #6170aa}.trust-strip i{font-size:38px;color:#e1eaff;line-height:1}.trust-strip p{margin:0;font-size:15px}.trust-strip small{display:block;color:#c3cdec;font-size:13px;margin-top:3px}.login-footer{text-align:center;padding:24px 12px 10px;color:#d4ddfb;font-size:12px}.login-footer p{margin:0 0 8px}.login-footer p:last-child{display:flex;align-items:center;justify-content:center;gap:14px}.login-footer span{width:24px;border-top:1px solid #687bc2}.page-decoration{position:absolute;inset:70px 0 0;overflow:hidden;pointer-events:none;z-index:-1}.leaf{position:absolute;width:100px}.leaf-one{left:-8px;top:60px;transform:rotate(-20deg)}.leaf-two{right:-20px;bottom:230px;transform:rotate(30deg)}.tomato{position:absolute;right:-12px;top:48%;width:105px}.kata{position:absolute;right:16px;bottom:0;width:95px;opacity:.45}.growth{position:absolute;right:15px;top:48px;font-size:22px;transform:rotate(-10deg);opacity:.55}.serve{position:absolute;left:15px;bottom:155px;font-size:23px;transform:rotate(-15deg);opacity:.55}
@media(min-width:1500px){.login-stage{margin-top:30px}}@media(max-width:1450px){.login-header nav{margin:0 6%}.login-stage{margin:30px 5% 0;grid-template-columns:1fr 39%;padding-left:36px;column-gap:20px}.intro h1{font-size:clamp(36px,3.5vw,52px)}.intro-brand{gap:20px}.intro-brand img{width:180px}.intro-copy{max-width:440px}.feature-list{max-width:440px}.feature-list span{font-size:12px;padding:10px 12px}.main-art{left:31%;}.business-types span{font-size:11px}.trust-strip{padding:18px}.trust-strip p{font-size:13px}}@media(max-width:1050px){.login-stage{grid-template-columns:1fr 42%;padding:30px 24px 24px;min-height:auto}.intro-brand{flex-wrap:wrap;height:auto;gap:10px;margin-bottom:25px}.intro-brand img{width:160px}.intro-brand span{font-size:16px}.intro-copy{font-size:14px}.feature-list{gap:8px}.feature-list span{font-size:11px;padding:9px}.feature-list i{font-size:20px}.signin-card{padding:26px 20px}.business-types{flex-wrap:wrap}.business-types span{flex-basis:40%}.business-types span:before{display:none}.trust-strip{margin-left:0;padding:16px 12px;gap:14px}.trust-strip>div{gap:8px}.trust-strip i{font-size:26px}.trust-strip small{font-size:11px}.main-art{opacity:.6}}@media(max-width:760px){.login-header{height:64px}.login-header nav{margin:0 5%}.login-stage{margin:20px 16px 0;display:flex;flex-direction:column;padding:24px 20px;gap:20px}.intro{max-width:none;padding:0}.intro-brand{margin-bottom:24px;justify-content:space-between}.intro h1{font-size:39px;max-width:460px}.intro-copy{max-width:460px}.main-art{left:auto;right:0;height:500px;opacity:.25}.feature-list{max-width:none}.tagline{margin:16px 0 0;font-size:22px}.signin-area{width:100%;padding-top:0}.signin-card{max-width:480px;margin:auto}.business-types{max-width:480px;margin:24px auto 0;flex-wrap:nowrap}.business-types span{flex-basis:0;font-size:10px}.business-types i{font-size:28px}.trust-strip{display:flex;flex-direction:column;width:100%;gap:18px;padding:20px;margin:0}.trust-strip>div{justify-content:flex-start;gap:16px}.trust-strip>div+div:before{display:none}.trust-strip p{font-size:14px}.trust-strip small{font-size:12px}.page-decoration{display:none}.login-footer{padding-top:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.header-brand{width:34px}.main-art{left:34%;height:calc(100% - 106px)}.feature-list .food-symbol{display:inline;padding:0;border:0;background:none;font-size:24px;line-height:1}.trust-strip{position:relative;z-index:1}@media(max-width:1450px){.main-art{left:33%}}@media(max-width:760px){.main-art{left:auto;right:0;height:500px}}

.login-without-header .page-decoration{top:0}


.login-stage .main-art{width:400px;object-fit:fill;left:36%;right:auto;top:0;height:calc(100% - 106px)}

@media(max-width:760px){.login-stage .main-art{width:65%;left:auto;right:0;height:500px}}