.login-layout { display:grid; grid-template-columns:minmax(0,1fr) 340px; align-items:center; gap:clamp(40px,8vw,160px); flex:1; padding:70px 0 90px; }
.login-layout .entry-copy { width:auto; padding:0; }
.entry h1.company-tide { display:flex; gap:.08em; margin-left:-.035em; margin-bottom:22px; font-size:clamp(42px,5.2vw,78px); line-height:1.5; font-weight:410; letter-spacing:0; }
.company-tide span { display:inline-block; color:#d4e2ec; animation:company-breath 8.6s ease-in-out infinite; }
.company-tide span:nth-child(2){animation-delay:-1.4s;}.company-tide span:nth-child(3){animation-delay:-2.8s;}.company-tide span:nth-child(4){animation-delay:-4.2s;}
.company-caption { margin:0; color:#a4b9c8; font-size:17px; font-weight:350; letter-spacing:.14em; }
.company-wave { display:block; width:min(310px,90%); height:38px; margin:24px 0 4px; opacity:.6; }
.login-layout .entry-description { margin-top:16px; max-width:340px; font-size:12px; color:#a0b3c1; }
.login-panel { position:relative; padding:29px; background:linear-gradient(140deg,#31495b42,#1b2d3b6b); border:1px solid #88aabe2e; border-radius:13px; box-shadow:0 1px 0 #e1f5ff06 inset,0 22px 55px #07101a24; backdrop-filter:blur(14px); }
.login-panel .login-kicker { color:#809bab; font:9px ui-monospace,monospace; letter-spacing:.12em; margin:0 0 15px; }
.login-panel h2 { color:#d9e6ef; font-size:23px; font-weight:480; letter-spacing:-.025em; margin:0 0 11px; }
.login-intro { color:#95acbd; font-size:11px; line-height:1.8; margin:0 0 29px; }
.login-form label { display:block; font-size:11px; color:#a8bccb; margin-bottom:9px; }
.password-field { position:relative; }
.login-form input { box-sizing:border-box; display:block; width:100%; min-height:45px; padding:11px 42px 11px 13px; border:1px solid #67879b4a; border-radius:7px; color:#dbeaf4; font:13px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif; background:#0b172247; transition:border-color 180ms,box-shadow 180ms,background 180ms; }
.login-form input::placeholder { color:#788f9f; font-size:11px; }
.login-form input:focus { outline:0; border-color:#85b3cfb3; background:#11223391; box-shadow:0 0 0 3px #90c0dc0c,0 0 23px #74b5da0a; }
.password-toggle { position:absolute; right:3px; top:3px; width:39px; height:39px; border:0; background:transparent; color:#8ba9bb; cursor:pointer; display:grid; place-items:center; }
.password-toggle svg { width:17px; height:17px; }
.login-form .tide-enter { width:100%; justify-content:space-between; margin-top:19px; min-height:44px; padding:12px 14px; font-size:12px; }
.login-form .tide-enter:disabled { cursor:wait; opacity:.8; }
.login-error { color:#edb6ae; font-size:11px; line-height:1.75; margin:12px 0 0; }
.login-error:empty { display:none; }
.login-foot { display:flex; align-items:center; gap:7px; color:#829cac; font-size:9px; margin:22px 0 0; line-height:1.8; }
.login-foot svg { width:11px; height:11px; flex:0 0 auto; }
.login-signed-in { color:#afc6d4; font-size:12px; margin:0 0 15px; }
.login-panel .tide-link { display:block; margin:12px auto 0; }
.entry .tide-canvas { transition:transform 700ms ease; }
.entry .company-tide { transition:opacity 300ms; }
.entry.auth-submitting .tide-canvas { transform:scale(1.025); }
.entry.auth-submitting .company-tide { opacity:.8; }
.login-progress { margin:12px 0 0;color:#a9bcc9;font-size:11px;line-height:1.75; }
.login-progress[hidden] { display:none; }
@keyframes company-breath { 0%,100%{color:#b8cddd;transform:translateY(0);text-shadow:0 0 10px #8bbfd00a}50%{color:#e0edf5;transform:translateY(-1.5px);text-shadow:0 0 24px #8bbfd023} }
@media(max-width:950px) { .login-layout{gap:40px;grid-template-columns:minmax(0,1fr) 310px}.login-panel{padding:24px}.entry h1.company-tide{font-size:48px}.company-caption{font-size:14px;} }
@media(max-width:700px) { .login-layout{grid-template-columns:1fr;gap:30px;padding:40px 0 45px;}.login-layout .entry-copy{text-align:center;}.entry h1.company-tide{justify-content:center;font-size:46px;margin-bottom:10px}.login-layout .entry-kicker{justify-content:center;margin-bottom:12px;font-size:9px}.company-caption{font-size:13px}.company-wave{width:235px;margin:15px auto 0;height:25px}.login-layout .entry-description{margin:12px auto 0;font-size:11px}.login-panel{width:min(360px,100%);margin:0 auto;padding:25px}.entry-bottom{padding:20px 0}.login-panel h2{font-size:21px}.login-intro{margin-bottom:23px}.entry-top{padding:20px 0}.login-layout .entry-meta{display:none}.login-layout .entry-kicker::before{width:17px} }
@media(prefers-reduced-motion:reduce) { .company-tide span{animation:none!important}.entry.auth-submitting .tide-canvas{transform:none;transition:none;} }

.account-field { margin-bottom:18px; }
.account-field input { padding-right:13px; }
