.signin-page{color:#fff;background:#0b3835;grid-template-columns:minmax(0,1.25fr) minmax(400px,.75fr);max-width:none;min-height:100vh;margin:0;padding:0;display:grid}.signin-story{background:linear-gradient(90deg,#082f2de8,#082f2d8a),url(/wat-arun.jpg) 50%/cover;flex-direction:column;min-height:100vh;padding:2.2rem 3rem 3rem;display:flex;position:relative}.signin-brand{align-items:center;gap:.7rem;font:800 1.25rem Manrope;display:flex}.signin-brand>span{color:#173a33;background:#d9ef9e;border-radius:.75rem;place-items:center;width:2.5rem;height:2.5rem;display:grid}.signin-brand svg{width:1.25rem;height:1.25rem}.signin-copy{max-width:660px;margin:auto 0}.signin-kicker{color:#d9ef9e;letter-spacing:.16rem;font-size:.72rem;font-weight:800;display:block}.signin-copy h1{letter-spacing:-.04em;margin:1rem 0 1.4rem;font:800 clamp(3rem,6vw,5.8rem)/.98 Manrope}.signin-copy h1 em{color:#d9ef9e;font-style:normal}.signin-copy>p{color:#d0e1de;max-width:560px;font-size:1.05rem;line-height:1.7}.signin-context{border-top:1px solid #ffffff2c;align-items:center;gap:.8rem;max-width:520px;padding-top:1.2rem;display:flex}.signin-context>span{color:#d9ef9e;background:#ffffff16;border-radius:.6rem;place-items:center;width:2.4rem;height:2.4rem;display:grid}.signin-context p{color:#bcd0cc;font-size:.78rem;line-height:1.5}.signin-context strong{color:#fff;margin-bottom:.18rem;display:block}.signin-panel{min-height:100vh;color:var(--ink);background:#f4f7f5;flex-direction:column;justify-content:center;padding:3rem clamp(1.5rem,5vw,5rem);display:flex}.signin-card{border:1px solid var(--line);background:#fff;border-radius:1.2rem;width:100%;max-width:440px;margin:auto;padding:2.2rem;box-shadow:0 24px 70px #133d3820}.lock-mark{width:3rem;height:3rem;color:var(--teal);background:#e6f1ed;border-radius:.8rem;place-items:center;margin-bottom:1.5rem;display:grid}.lock-mark svg{width:1.35rem;height:1.35rem}.signin-card .signin-kicker{color:var(--teal);font-size:.62rem}.signin-card h2{margin:.7rem 0;font:800 2rem/1.1 Manrope}.signin-card>p{color:var(--muted);font-size:.9rem;line-height:1.6}.signin-button{background:var(--teal);color:#fff;border-radius:.65rem;justify-content:space-between;align-items:center;margin-top:1.5rem;padding:.85rem 1rem;font-size:.86rem;font-weight:800;text-decoration:none;display:flex}.signin-button:hover{background:#075b57}.signin-button:focus-visible{outline-offset:3px;outline:3px solid #bad765}.signin-card>small{color:var(--muted);margin-top:.7rem;font-size:.68rem;display:block}.signin-security{border-top:1px solid var(--line);color:var(--teal);align-items:flex-start;gap:.65rem;margin-top:1.5rem;padding-top:1.2rem;display:flex}.signin-security p{color:var(--muted);font-size:.7rem;line-height:1.5}.signin-security strong{color:var(--ink);margin-bottom:.18rem;display:block}.signin-panel>footer{text-align:center;color:#879590;margin-top:1.5rem;font-size:.65rem}.account-button{background:var(--teal);color:#fff;border-radius:50%;place-items:center;width:2rem;height:2rem;font-size:.68rem;font-style:normal;font-weight:700;text-decoration:none;display:grid}.account-button:hover{background:#075b57}.account-button:focus-visible{outline-offset:2px;outline:3px solid #bad765}@media (max-width:850px){.signin-page{grid-template-columns:1fr}.signin-story{min-height:47vh;padding:1.5rem}.signin-copy{margin:4.5rem 0 2.5rem}.signin-copy h1{font-size:clamp(2.5rem,12vw,4rem)}.signin-context{display:none}.signin-panel{min-height:53vh;padding:1.5rem}.signin-card{z-index:2;margin:-2.5rem auto 1rem;padding:1.5rem;position:relative}.signin-panel>footer{margin-bottom:.5rem}}@media (max-width:760px){.topbar .account-button{display:none}}.login-form{width:100%}.login-form form{gap:18px;margin-top:24px;display:grid}.login-form label{gap:8px;font-size:1rem;display:grid}.login-form input{border:1px solid #c4d6d0;border-radius:10px;width:100%;min-width:0;padding:14px;font-size:1rem}.login-tabs{gap:12px;margin-top:20px;display:flex}.login-tabs button{background:#eef6f3;border-radius:8px;padding:12px 16px}.login-tabs button[aria-pressed=true]{color:#fff;background:#0c6461}.google-login{text-align:center;color:#0c6461;border:1px solid #bdcfc8;border-radius:10px;margin-top:16px;padding:14px;text-decoration:none;display:block}.text-button{color:#0c6461;background:0 0;padding:12px 0}.login-form .signin-button{cursor:pointer;justify-content:center;width:100%}.login-form p{line-height:1.6}.login-form small{font-size:.875rem}@media (max-width:650px){.login-tabs button{flex:1}.signin-card{max-width:100%}}.password-field{gap:8px;display:grid}.password-input{position:relative}.password-input input{padding-right:76px}.password-input button{color:#0c6461;cursor:pointer;background:0 0;border:0;border-radius:8px;min-width:64px;padding:8px;font-size:.875rem;font-weight:700;position:absolute;top:4px;bottom:4px;right:4px}.password-input button:focus-visible{outline-offset:1px;outline:2px solid #0c6461}.password-input input[aria-invalid=true]{border-color:#b42318}.password-error{color:#b42318}