*{box-sizing:border-box}html{color-scheme:light}body{margin:0;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:48px 24px;background:radial-gradient(ellipse at 50% 0,#fff,transparent 70%),#f5f5f2;color:#202521;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}main{width:min(100%,980px)}.intro{text-align:center;margin-bottom:40px}.lock{width:44px;height:44px;display:grid;place-items:center;margin:0 auto 22px;border-radius:14px;background:#e9ece6;color:#51614c}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.16em;text-transform:uppercase;color:#737b71;margin:0 0 12px}h1{font-size:clamp(28px,4vw,40px);letter-spacing:-.045em;font-weight:550;margin:0 0 14px;line-height:1.2}.intro p:last-child{color:#737971;font-size:15px;line-height:1.6;margin:0}.areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.area{min-height:240px;padding:28px;border:1px solid #e0e3dc;border-radius:20px;background:#fff;color:inherit;text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;transition:border-color .15s,box-shadow .15s}.area:hover{border-color:#a8b49e;box-shadow:0 8px 28px #20252108}.area-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#f1f3ee;color:#5d6d55;margin-bottom:24px}.area h2{font-size:20px;letter-spacing:-.035em;font-weight:600;margin:0 0 8px;line-height:1.3}.area p{color:#7a8077;font-size:13px;line-height:1.5;margin:0 0 28px}.open{margin-top:auto;display:flex;align-items:center;justify-content:space-between;align-self:stretch;font-size:13px;color:#596b4f;font-weight:550}.open svg{width:17px;height:17px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #7e946b;outline-offset:4px}.note{text-align:center;color:#848a80;font-size:12px;margin-top:28px;line-height:1.6}.login-main{width:min(100%,420px)}.login-main .intro{margin-bottom:28px}.login-box{background:#fff;border:1px solid #e0e3dc;border-radius:20px;padding:30px}.login-box label{display:block;font-size:13px;font-weight:550;margin-bottom:9px}.login-box input{width:100%;font:inherit;font-size:16px;border:1px solid #dce1d8;border-radius:10px;padding:13px 14px;margin-bottom:22px;background:#fff;color:#202521}.login-box button{width:100%;font:inherit;font-size:14px;font-weight:550;border:0;border-radius:10px;padding:15px;background:#384b31;color:#fff;cursor:pointer}.login-box button:hover{background:#293d23}.back{display:block;text-align:center;font-size:13px;color:#687562;text-decoration:none;margin-top:24px}.back:hover{text-decoration:underline}@media(max-width:700px){body{padding:36px 20px}.intro{margin-bottom:28px}.areas{grid-template-columns:1fr;gap:12px}.area{min-height:0;padding:22px;display:grid;grid-template-columns:44px 1fr 20px;column-gap:18px;align-items:center}.area-icon{grid-row:1/3;margin:0}.area h2{font-size:18px;margin:0 0 4px}.area p{margin:0}.open{grid-column:3;grid-row:1/3;align-self:center}.open span{display:none}}