:root{color-scheme:light;font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#24221f;background:#fffaf0}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.login-shell{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr}.welcome{display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:100dvh;padding:42px 56px;background:#fff4c4;border-right:1px solid #f2e3a5}.brand{display:flex;align-items:center;gap:12px;align-self:flex-start}.brand span{display:grid;gap:4px}.brand strong{font-size:19px;letter-spacing:-.4px}.brand small{font-size:12px;color:#8a763e}.welcome-content{width:min(480px,100%);margin:auto;padding:52px 0 20px}.eyebrow{display:inline-block;font-size:11px;letter-spacing:2px;font-weight:700;color:#8d7127}.welcome h1{font-size:clamp(36px,4vw,56px);line-height:1.35;letter-spacing:-2px;margin:22px 0}.welcome p{font-size:16px;color:#897444;line-height:1.9}.illustration{position:relative;height:218px;display:flex;align-items:center;justify-content:center;margin-top:28px}.illustration>img{width:130px;height:130px;transform:rotate(-9deg);box-shadow:0 22px 50px #baa02f26;border-radius:39px;z-index:1}.orbit{position:absolute;width:290px;height:160px;border:1px solid #ead986;border-radius:50%;transform:rotate(-20deg)}.orbit:after{content:"";display:block;position:absolute;width:15px;height:15px;background:#ffda00;border-radius:50%;top:6px;left:52px}.floating-note{position:absolute;z-index:2;right:0;bottom:20px;font-size:12px;background:#fffef6;padding:12px 18px;border:1px solid #efe2a9;border-radius:12px;box-shadow:0 8px 24px #aa8e1810;transform:rotate(3deg)}.welcome-footer{font-size:12px;color:#a48b46;padding-top:24px}.login-panel{display:flex;align-items:center;justify-content:center;padding:48px 36px;background:radial-gradient(ellipse at 70% 10%,#fff5cb55,transparent 65%),#fffdf8}.login-card{width:100%;max-width:370px}.login-card h2{font-size:30px;letter-spacing:-1px;margin:15px 0 12px}.subtitle{font-size:13px;color:#96866b;margin:0 0 38px;line-height:1.8}label{display:block;font-size:13px;font-weight:600;margin:24px 0 10px}input{display:block;width:100%;height:50px;border:1px solid #e9dfc7;border-radius:12px;background:white;padding:0 15px;color:#24221f;outline:none;transition:.15s}input::placeholder{color:#b2a58e;font-size:13px}input:focus{border-color:#d6ad00;box-shadow:0 0 0 3px #ffda0026}.password-field{position:relative}.password-field input{padding-right:64px}.show-password{position:absolute;right:12px;top:10px;height:30px;border:0;background:none;color:#8b763b;font-size:12px;cursor:pointer;border-radius:6px}.show-password:focus-visible{outline:2px solid #ac8900;outline-offset:2px}.login-error{min-height:20px;color:#c64545;font-size:12px;line-height:1.6;margin:12px 0}.submit{display:flex;align-items:center;justify-content:space-between;width:100%;height:50px;padding:0 18px;border:1px solid #ebc600;border-radius:12px;background:#ffda00;color:#29230b;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 6px 16px #ddbb0015;transition:.15s}.submit:hover{background:#f4d000;transform:translateY(-1px)}.submit:focus-visible{outline:2px solid #876a00;outline-offset:3px}.submit:disabled{opacity:.6;cursor:wait;transform:none}.login-note{text-align:center;font-size:11px;color:#a29479;margin-top:22px}.login-note span{color:#c7ae4e;font-size:8px;margin-right:6px}@media(max-width:850px){.welcome{padding:30px}.welcome h1{font-size:36px}.floating-note{right:-10px}}@media(max-width:640px){.login-shell{display:block}.welcome{min-height:0;padding:24px;border:0;background:#fff4c4}.welcome-content,.welcome-footer{display:none}.brand img{height:42px;width:42px}.brand strong{font-size:17px}.login-panel{padding:52px 26px;min-height:calc(100dvh - 90px);align-items:flex-start}.login-card{max-width:400px}.login-card h2{font-size:28px}.subtitle{margin-bottom:30px}}