*{box-sizing:border-box}body{margin:0;background:#f5f7fc;color:#182238;font:16px/1.6 system-ui,Arial}a{color:inherit;text-decoration:none}.wrap{width:min(1100px,92%);margin:auto}header{background:white;border-bottom:1px solid #e5e9f1;position:sticky;top:0}.nav{height:68px;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:900;font-size:1.3rem}.logo span{color:#315efb}nav{display:flex;gap:22px;color:#536079}.hero{padding:65px 0;background:linear-gradient(120deg,#eaf0ff,#f8fbff)}.hero h1{font-size:clamp(2.2rem,5vw,3.5rem);line-height:1.1;margin:10px 0;max-width:700px}.hero p{color:#65718a;max-width:650px}.eyebrow{color:#315efb;font-weight:800;letter-spacing:1px;text-transform:uppercase;font-size:.75rem}.search{display:flex;max-width:600px;background:#fff;padding:7px;border-radius:12px;margin-top:22px}.search input{flex:1;border:0;padding:12px;font-size:1rem;min-width:0}.search button,.btn{border:0;border-radius:9px;background:#315efb;color:white;padding:12px 18px;font-weight:700;cursor:pointer}.section{padding:38px 0}.section h2{font-size:1.7rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.cats{grid-template-columns:repeat(4,1fr)}.card,.panel{background:#fff;border:1px solid #e3e8f1;border-radius:15px;padding:19px}.card:hover{border-color:#9cafff;transform:translateY(-2px)}.card h3{margin:7px 0 3px}.card p,.muted{color:#68748b;margin:0}.tag{font-size:.72rem;color:#315efb;font-weight:800}.ad{margin:25px auto;border:1px dashed #aeb9ca;border-radius:10px;min-height:82px;display:grid;place-items:center;color:#8994a7;font-size:.85rem}.layout{display:grid;grid-template-columns:1.4fr .8fr;gap:20px;padding:25px 0 45px}.panel h1{margin:0}.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:22px 0}.field label{display:block;font-weight:700;margin-bottom:5px}.field input,.field select{width:100%;padding:12px;border:1px solid #d6deeb;border-radius:9px;font:inherit}.result{display:none;background:#eef3ff;border-radius:12px;padding:18px;margin-top:20px}.result.show{display:block}.big{font-size:1.8rem;color:#315efb;font-weight:850}.actions{display:flex;gap:10px}.secondary{background:#edf0f6;color:#34405a}.note{background:#effaf5;border:1px solid #d6efe3;border-radius:12px;padding:18px}footer{background:#111c32;color:white;padding:35px 0;margin-top:30px}footer p{color:#b8c2d4;max-width:600px}.small{font-size:.85rem;color:#68748b}@media(max-width:800px){.grid{grid-template-columns:repeat(2,1fr)}.cats{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:1fr}}@media(max-width:540px){.grid,.cats,.fields{grid-template-columns:1fr}.hero{padding:42px 0}nav{gap:12px}}