@charset "UTF-8";
:root{font-family:Inter,"Segoe UI",system-ui,sans-serif;color:#193c32;background:#f3f5ef;font-synthesis:none;--green:#184c3d;--muted:#687a71;--line:#dce4db}*{box-sizing:border-box}body{margin:0}a{color:var(--green);text-underline-offset:4px}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:13px 24px;border:1px solid var(--green);border-radius:12px;background:var(--green);color:white;font-weight:600;text-decoration:none;cursor:pointer;transition:background .18s,transform .18s}button:hover,.button:hover{background:#28654f}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:wait}.secondary{background:transparent;color:var(--green);border-color:var(--line)}.secondary:hover{background:#e9eee5}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b7d386;outline-offset:3px}[hidden]{display:none!important}.site-header{max-width:1240px;margin:auto;padding:28px 42px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:700;letter-spacing:.14em;font-size:17px}.brand-mark{display:grid;place-items:center;background:var(--green);color:#d7e8ad;border-radius:13px;width:44px;height:44px;font-size:28px;letter-spacing:0}.brand small{display:block;font-size:10px;letter-spacing:.11em;font-weight:500;margin-top:5px;color:var(--muted)}nav{display:flex;gap:22px;align-items:center;font-size:14px}.layout{max-width:1240px;margin:auto;padding:24px 42px 60px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.intro{padding:45px 0}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--muted);margin-bottom:22px}h1{font-size:clamp(34px,4.2vw,58px);line-height:1.08;letter-spacing:-.045em;font-weight:600;margin:0 0 24px}h2{font-size:25px;letter-spacing:-.025em;font-weight:600;margin:0 0 15px}h3{font-size:18px;font-weight:600}p{font-size:16px;line-height:1.65;color:var(--muted)}.intro>p{max-width:390px}.card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:36px;box-shadow:0 12px 45px #183d2906}.card>p{font-size:14px;margin-top:0}.step{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;margin-bottom:15px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:13px;font-weight:600;margin:18px 0}input,select,textarea{display:block;width:100%;margin-top:8px;min-height:49px;border:1px solid #d6dfd5;border-radius:10px;padding:12px 14px;color:#193c32;background:#fbfcf9}input::placeholder,textarea::placeholder{color:#97a497}input:read-only{background:#edf3e8}textarea{min-height:96px;resize:vertical}.full{width:100%}.hint{font-size:12px;line-height:1.6;color:var(--muted);margin:10px 0 22px}.status{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.status:not(:empty){padding:16px;background:#edf4e6;border-radius:12px;border:1px solid #d6e4c9;margin-top:20px}.divider{height:1px;background:var(--line);margin:24px 0}.footer{max-width:1240px;margin:auto;padding:22px 42px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.features{list-style:none;padding:0;display:grid;gap:18px;margin:30px 0}.features li{display:flex;gap:14px;color:var(--muted);font-size:14px;line-height:1.5}.features span{color:var(--green);font-weight:700}.neighborhood{height:190px;position:relative;display:flex;align-items:flex-end;gap:12px;margin-top:40px;padding:0 20px;border-bottom:2px solid #ccd8bd;overflow:hidden}.building{width:72px;height:130px;background:repeating-linear-gradient(90deg,transparent 0 15px,#e5ebd9 15px 22px),repeating-linear-gradient(0deg,#72916b 0 13px,#e5ebd9 13px 22px);border:7px solid #e5ebd9;border-radius:7px 7px 0 0}.building:nth-child(2){height:170px;width:95px}.building:nth-child(3){height:110px}.tree{width:72px;height:105px;border-radius:65% 65% 50% 50%;background:#bbcda5;position:relative}.tree:after{content:"";height:65px;width:3px;position:absolute;bottom:-25px;left:50%;background:#72916b}.code{font-family:ui-monospace,monospace;font-size:23px;letter-spacing:.2em;color:var(--green);display:block;margin:10px 0}.workspace{max-width:1156px;margin:0 auto 60px;padding:0 24px;display:grid;gap:24px}.workspace ul{list-style:none;padding:0}.workspace li{border:1px solid var(--line);border-radius:12px;padding:16px;margin:12px 0;overflow-wrap:anywhere;line-height:1.6}.workspace li button{margin:8px 8px 0 0;font-size:13px;min-height:38px;padding:8px 14px}.workspace form{max-width:650px}.workspace section{padding:32px}.workspace h2:not(:first-child){margin-top:34px}.empty{color:var(--muted);font-size:14px}.workspace ul:empty:after{content:"Пока ничего нет";color:var(--muted);font-size:14px}.auth-note{font-size:12px;text-align:center;margin:22px 0 0}.welcome .layout{align-items:center}.welcome .card .button{margin-top:12px}.badge{display:inline-block;padding:6px 11px;border:1px solid #cdddc0;border-radius:20px;font-size:12px;color:#486b3b;background:#edf4e6}.password-row{position:relative;display:block}.password-row input{padding-right:65px}.password-toggle{position:absolute;right:8px;bottom:7px;background:transparent;color:var(--green);border:0;padding:7px;min-height:34px;font-size:12px}.password-toggle:hover{background:#edf3e8}.progress{display:flex;gap:7px;margin-bottom:25px}.progress span{height:3px;flex:1;border-radius:3px;background:#e5ebdf}.progress .active{background:#6d944b}@media(max-width:850px){.layout{gap:30px;padding:16px 24px 44px}.site-header{padding:22px 24px}.intro{padding:30px 0}.card{padding:26px}.neighborhood{gap:6px;padding:0}.footer{padding:22px 24px}}@media(max-width:640px){.site-header{padding:20px}.site-header nav{gap:12px;font-size:12px}.brand{font-size:14px}.brand small{font-size:9px}.brand-mark{width:38px;height:38px}.layout{display:block;padding:0 20px 32px}.intro{padding:25px 0 15px}h1{font-size:38px;margin-bottom:16px}.intro>p{font-size:14px;margin-bottom:16px}.neighborhood,.intro .features{display:none}.card{border-radius:20px;padding:24px}.fields{gap:12px}.footer{padding:20px;flex-direction:column;gap:8px}.workspace{padding:0 20px}.workspace section{padding:24px}.welcome .intro{padding-bottom:20px}.welcome .intro .features{display:grid;gap:12px}.welcome .layout{padding-top:15px}nav .secondary{padding:8px 12px;min-height:40px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}