:root{--ink:#243036;--muted:#6a7578;--accent:#4b597e;--paper:#f5f4ef;--line:#dadfd9}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}header,footer{max-width:1160px;margin:auto;padding:28px 32px;display:flex;justify-content:space-between;align-items:center}header{border-bottom:1px solid var(--line)}header span,footer{font-size:13px;color:var(--muted)}.brand{font-size:24px;font-weight:700;letter-spacing:-1px;color:var(--ink)}main{max-width:1160px;margin:70px auto;display:grid;grid-template-columns:1.2fr 1fr;gap:90px;padding:0 32px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:700}h1{font-size:clamp(32px,4.4vw,52px);line-height:1.15;letter-spacing:-2px;font-weight:600;margin:20px 0}.intro>p{color:var(--muted);max-width:390px}.folders{display:flex;gap:16px;margin-top:38px}.folders article{flex:1;padding:20px;border:1px solid var(--line);border-radius:12px;background:#ffffff55}.folders span{display:block;font-size:12px;color:var(--accent);margin-bottom:20px}.folders b,.folders small{display:block}.folders small{margin-top:6px;font-size:12px;color:var(--muted)}.login{padding:38px;background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 40px #20303008}.mark{width:42px;height:42px;border-radius:12px;background:var(--accent);color:white;display:grid;place-items:center;font-size:23px;font-weight:600}h2{font-size:25px;letter-spacing:-.6px;margin:20px 0 4px}.login>p{color:var(--muted);font-size:14px;margin-top:0}label{display:block;font-size:13px;font-weight:600;margin:18px 0 7px}input{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;font:inherit;font-size:14px;background:#fcfcfa}input:focus{outline:2px solid var(--accent);outline-offset:2px}button{display:flex;justify-content:space-between;width:100%;padding:13px 15px;margin-top:24px;border:0;border-radius:8px;background:var(--accent);color:white;font:inherit;font-size:14px;cursor:pointer}.login>a,#status{font-size:12px}#status{color:var(--muted)}footer{border-top:1px solid var(--line)}footer a{margin-left:24px}.article{display:block;max-width:760px;min-height:50vh}.article h1{font-size:38px}@media(max-width:760px){main{grid-template-columns:1fr;gap:28px;margin:36px auto}.intro h1{max-width:500px}.folders{display:none}.login{padding:28px}.intro>p{max-width:none}header,footer{padding:22px}.article{padding:0 24px}}