body{margin:0;font-family:Arial,sans-serif;color:#18213a}a{text-decoration:none;color:inherit}
.container{width:min(1120px,calc(100% - 32px));margin:auto}.header{border-bottom:1px solid #e6e9f1;background:#fff}
.nav{height:72px;display:flex;justify-content:space-between;align-items:center}.menu,.actions{display:flex;gap:18px}.btn{padding:13px 18px;border-radius:12px;background:#1764ef;color:white;font-weight:700}.outline{background:white;color:#1764ef;border:1px solid #1764ef}
.hero{text-align:center;padding:70px 0;background:linear-gradient(#fff,#f8faff)}h1{font-size:64px;line-height:1;margin:0 0 18px}.lead{color:#687086;font-size:18px}
.roles{display:flex;gap:10px;justify-content:center;margin:28px 0}.role{padding:14px 22px;border:1px solid #e6e9f1;border-radius:12px;background:white;font-weight:700}.active{border-color:#1764ef;color:#1764ef}
.screen{padding:24px;border:1px solid #e6e9f1;border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,.08)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{padding:18px;border:1px solid #e6e9f1;border-radius:14px}.value{font-size:28px;font-weight:800;margin-top:8px}
.form{max-width:760px;margin:50px auto;padding:28px;border:1px solid #e6e9f1;border-radius:20px}.field{display:grid;gap:6px;margin-bottom:14px}.field input,.field textarea,.field select{padding:12px;border:1px solid #e6e9f1;border-radius:10px}.field textarea{min-height:140px}
.chatbtn{position:fixed;right:20px;bottom:20px;width:58px;height:58px;border:0;border-radius:50%;background:#1764ef;color:#fff;font-size:24px}.chat{display:none;position:fixed;right:20px;bottom:90px;width:320px;padding:16px;border:1px solid #e6e9f1;border-radius:18px;background:white;box-shadow:0 20px 50px rgba(0,0,0,.15)}.chat.open{display:block}
.footer{padding:32px;text-align:center;background:#f7f9fc;color:#687086}
@media(max-width:800px){.menu{display:none}.stats{grid-template-columns:1fr 1fr}.roles{flex-direction:column}h1{font-size:46px}}