:root{--rose:#dd6f98;--rose-dark:#b64070;--rose-soft:#fff1f6;--ink:#202b30;--ink-soft:#334148;--paper:#fff;--line:#e7dfe2;--muted:#718089}*{box-sizing:border-box}body{margin:0;background:linear-gradient(135deg,#f7f9fb,#fff6f9);color:var(--ink);font-family:"Avenir Next",Avenir,Inter,Arial,sans-serif;min-height:100vh}header{min-height:86px;background:var(--ink);border-bottom:3px solid var(--rose);color:#fff;padding:14px max(26px,calc((100% - 1080px)/2));display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 4px 18px #1d293018}.brand{display:flex;align-items:center;gap:11px;letter-spacing:.04em}.brand img{width:48px;height:48px;border-radius:50%;background:#fff;object-fit:cover;border:2px solid var(--rose)}.brand strong{font-size:1rem;line-height:1.1}.brand small{display:block;color:#f7b7cf;font-size:.68rem;margin-top:3px;letter-spacing:.12em}header>span{display:flex;align-items:center;gap:22px;font-family:"Avenir Next",Avenir,Arial,sans-serif;font-size:14px;letter-spacing:.015em;white-space:nowrap}header>span>a{color:#d8e9ff;text-decoration:none;font-weight:600;padding:8px 0;border-bottom:1px solid transparent;transition:color .15s,border-color .15s}header>span>a:hover{color:#fff;border-color:#8ec5ff}header form{display:inline;margin:0}header button{padding:8px 0 8px 22px;background:none;color:#fff;box-shadow:none;font:700 14px/1.3 "Avenir Next",Avenir,Arial,sans-serif;letter-spacing:.02em;border-left:1px solid #657077;border-radius:0;transition:color .15s}header button:hover{background:none;color:#f7b7cf;box-shadow:none;transform:none}main{max-width:1080px;margin:auto;padding:34px 20px}.auth{min-height:100vh;display:grid;place-items:center;padding:28px}.auth section{max-width:470px;width:100%;background:rgba(255,255,255,.96);padding:34px;border-radius:22px;border:1px solid #f0d7e0;box-shadow:0 24px 60px #a6486f20}.auth .brand{color:var(--ink);margin-bottom:24px}.auth .brand img{width:68px;height:68px}.auth h1{font-size:2rem;margin:.2em 0}.auth p{color:var(--muted);line-height:1.5}h1{letter-spacing:-.03em;margin:0 0 20px;font-size:2rem}h2{font-size:1.06rem;margin:0 0 15px;color:var(--ink-soft)}section{background:var(--paper);padding:23px;border-radius:16px;margin:18px 0;border:1px solid var(--line);box-shadow:0 8px 24px #24323a0a}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.grid section{margin:0}.grid section:first-child{border-top:4px solid var(--rose)}form{display:grid;gap:11px}label{font-weight:700;font-size:.82rem;letter-spacing:.02em;display:grid;gap:6px;color:var(--ink-soft)}input,select{padding:12px 13px;border:1px solid #d9dfe2;border-radius:10px;font:inherit;color:var(--ink);background:#fff;outline:none}input:focus,select:focus{border-color:var(--rose);box-shadow:0 0 0 3px #dd6f9829}button{background:var(--rose);color:white;border:0;border-radius:10px;padding:12px 15px;font-weight:800;letter-spacing:.01em;cursor:pointer;box-shadow:0 5px 12px #b6407030}button:hover{background:var(--rose-dark)}i{display:block;color:#b4234d;font-style:normal;margin:8px 0}.set{grid-template-columns:90px 1fr 1fr auto;align-items:center;border-top:1px solid var(--line);padding-top:12px}.set b{color:var(--rose-dark)}small{color:var(--muted);font-weight:600}@media(max-width:680px){header{min-height:70px;padding:10px 18px}.brand img{width:40px;height:40px}.brand strong{font-size:.85rem}header>span{gap:12px;font-size:12px}header>span>a{padding:5px 0}header button{font-size:12px;padding-left:12px}.grid{grid-template-columns:1fr}.set{grid-template-columns:75px 1fr 1fr}.set button{grid-column:2/4}.auth section{padding:25px 22px}}a.button,a.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:11px 15px;border-radius:10px;text-decoration:none;font-family:"Avenir Next",Avenir,Inter,Arial,sans-serif;font-size:.88rem;font-weight:800;letter-spacing:.025em;transition:transform .15s,background .15s,color .15s,border-color .15s}a.button{background:var(--rose);color:#fff;box-shadow:0 5px 12px #b6407030}a.button:hover{background:var(--rose-dark);transform:translateY(-1px)}a.secondary-button{margin-left:8px;border:1px solid #d9a2b7;color:var(--rose-dark);background:#fff8fa}a.secondary-button:hover{border-color:var(--rose);color:#8d2853;background:var(--rose-soft)}@media(max-width:680px){a.secondary-button{margin:8px 0 0}}