@import url('/style.css');
:root{background:#e5eddc;color:#30463a}body{overflow:auto;min-height:100dvh;background:radial-gradient(ellipse at 12% 12%,#f9fcf0 0,transparent 52%),radial-gradient(ellipse at 88% 80%,#cfe0c1 0,transparent 50%),#e3ebd9}.login-shell{width:min(940px,calc(100% - 48px));min-height:100dvh;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;column-gap:95px;padding:80px 0 55px;position:relative}.brand{position:absolute;top:36px;left:0;display:flex;align-items:center;gap:16px;color:#395542;text-decoration:none;font-size:18px;font-weight:750;letter-spacing:2px}.brand span{font-size:8px;font-weight:450;letter-spacing:2px;color:#85977c}.welcome{padding-bottom:22px}.welcome h1{font-size:clamp(29px,3vw,42px);line-height:1.4;letter-spacing:-1.5px;font-weight:550;margin:28px 0 16px}.welcome p{font-size:13px;line-height:1.9;max-width:330px;color:#819376}.moro-mark{width:124px;height:148px;position:relative;border:3px solid #465a4a;border-radius:26px 26px 39px 26px;background:#f2f1df;box-shadow:5px 7px 0 #9eb3945e,inset -6px -6px 0 #e0e3cc;padding:15px 13px;transform:rotate(-5deg)}.moro-mark:after{content:'';position:absolute;left:21px;bottom:-17px;width:22px;height:15px;border-radius:0 0 7px 7px;border:3px solid #465a4a;border-top:0;background:#e8ead8;box-shadow:53px 0 0 -1px #e8ead8,53px 1px 0 2px #465a4a}.moro-screen{position:relative;height:71px;border:3px solid #465a4a;border-radius:13px;background:#adc7b2;display:flex;justify-content:space-between;align-items:center;padding:0 19px;font-size:27px;line-height:1;box-shadow:inset 0 3px 0 #8fae98}.moro-screen i{position:absolute;width:13px;height:7px;border-bottom:2px solid #3c5746;border-radius:50%;left:38px;top:41px}.moro-controls{display:flex;justify-content:space-between;align-items:center;margin-top:9px;color:#788f71;font-size:12px}.moro-controls b{font-size:25px;line-height:1;color:#54674e}.login-card{padding:32px;border:1px solid #ffffffb8;border-radius:26px;background:#fbfcf8ec;box-shadow:0 20px 70px #38522b12}.eyebrow{font-size:8px;letter-spacing:2px;color:#91a184;margin:0 0 13px}.login-card h2{font-size:25px;font-weight:550;letter-spacing:-.7px;margin:0 0 8px}.intro{font-size:12px;color:#87987a;margin:0 0 26px;line-height:1.8}.login-tabs{display:flex;border-bottom:1px solid #e1e9d9;gap:22px;margin-bottom:24px}.login-tabs button{font-size:11px;padding:0 0 11px;color:#94a389;position:relative}.login-tabs button[aria-selected=true]{color:#526d46}.login-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;border-radius:3px;background:#739260}.login-card label{display:block;font-size:11px;margin:18px 0 8px;color:#627a54}.login-card input,.login-card textarea{display:block;width:100%;border:1px solid #dde6d4;border-radius:11px;background:#f3f7ed;padding:12px;font-size:13px;color:#3b5734;outline:none;resize:vertical}.login-card input:focus,.login-card textarea:focus{border-color:#9ab78b;box-shadow:0 0 0 3px #dcebd080}.login-card input::placeholder,.login-card textarea::placeholder{color:#a4b197;font-size:11px}.primary,.secondary{display:flex;justify-content:space-between;align-items:center;border-radius:12px;padding:12px 15px;font-size:12px}.primary{width:100%;margin-top:25px;background:#d6e7bd;border:1px solid #b9cea6;color:#4a663b;box-shadow:0 2px 0 #c4d5b2}.primary:hover{background:#cbdcaf}.primary span{font-size:18px;line-height:1}.secondary{border:1px solid #d9e4ce;background:#f2f6ec;color:#72875e;font-size:11px;justify-content:center;flex:1;padding:9px 10px}.form-note,.privacy-note{font-size:10px;line-height:1.8;color:#97a68b;margin:16px 0 0}.recovery-explanation{font-size:12px;line-height:1.9;color:#7d9070;margin:20px 0 10px}.recovery-actions{display:flex;gap:8px;margin-top:11px}.recovery-code{font:13px/1.8 ui-monospace,SFMono-Regular,monospace!important;letter-spacing:.2px}.privacy-note{color:#849775}.login-status{font-size:11px;line-height:1.8;margin:20px 0 0;color:#719260;overflow-wrap:anywhere}.login-status.error{color:#a36c53}.footer-note{position:absolute;bottom:23px;left:0;right:0;text-align:center;font-size:10px;color:#96a48b;margin:0}[aria-busy=true] .primary{opacity:.6}@media(max-width:750px){.login-shell{width:min(420px,calc(100% - 36px));grid-template-columns:1fr;gap:0;padding:110px 0 80px;align-content:center}.brand{top:30px}.welcome{padding:0 8px 25px}.welcome h1{font-size:27px;margin:0 0 9px;letter-spacing:-1px}.welcome h1 br{display:initial}.welcome p{margin:0;font-size:11px;max-width:290px}.moro-mark{display:none}.login-card{padding:26px}.footer-note{bottom:27px}.brand span{font-size:7px}.login-card h2{font-size:23px}}