*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f6f7f9;color:#17202a}header{height:72px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:25px;padding:0 5%;position:sticky;top:0;z-index:5}.logo{font-size:21px;font-weight:900;flex:1}.logo b{background:#e83b45;color:#fff;padding:6px 8px;border-radius:7px}header button,.cta{border:0;background:#17202a;color:#fff;border-radius:9px;padding:11px 15px;font-weight:bold;cursor:pointer}nav{display:flex;gap:20px}nav a{text-decoration:none;color:#344054;font-weight:bold;font-size:14px}.hero{background:#17202a;color:#fff;padding:75px 8%}.hero>div{max-width:900px}.hero small,.section small,.advert small{color:#e83b45;font-weight:900;letter-spacing:1.4px}.hero h1{font-size:clamp(35px,5vw,60px);line-height:1.05;margin:15px 0}.hero p{color:#cbd5e1;font-size:18px;line-height:1.5}.search{display:flex;max-width:650px;margin-top:25px}.search input{flex:1;padding:15px;border:0;border-radius:9px 0 0 9px;font-size:16px}.search button,.advert button{background:#e83b45;color:#fff;border:0;padding:0 18px;border-radius:0 9px 9px 0;font-weight:bold}.section{padding:50px 7%}.title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.title h1,.title h2{margin:5px 0;font-size:32px}.title button{border:1px solid #ddd;background:#fff;border-radius:50%;width:40px;height:40px;font-size:23px;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.four{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid #e5e7eb;border-radius:15px;overflow:hidden;cursor:pointer;box-shadow:0 5px 20px #00000008}.visual{height:160px;background:#e9edf1;display:grid;place-items:center;font-size:40px;font-weight:900}.info{padding:15px}.info h3{margin:0 0 6px}.muted{font-size:13px;color:#667085}.featured{outline:3px solid #e83b4525}.featured .visual{background:#fff0f1}.tag{display:inline-block;background:#eef0f3;border-radius:99px;padding:5px 8px;font-size:11px;margin-top:7px}.advert{background:#fff0f1;padding:55px 7%}.advert>div{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:30px}.advert h2{font-size:42px;margin:8px 0}.advert p{line-height:1.5;color:#475467}.advert form{display:grid;gap:10px}.advert input{padding:13px;border:1px solid #ddd;border-radius:9px}.advert button{height:45px;border-radius:9px}.modal{position:fixed;inset:0;background:#0008;display:grid;place-items:center;padding:20px;z-index:20}.modalbox{background:#fff;border-radius:18px;width:min(800px,100%);max-height:90vh;overflow:auto;padding:25px;position:relative}.close{position:absolute;right:12px;top:12px;border:0;border-radius:50%;width:34px;height:34px;font-size:22px}.profile{background:#f1f3f5;border-radius:12px;padding:25px;text-align:center}.hidden{display:none!important}footer{padding:30px;text-align:center;background:#17202a;color:#fff}.admin{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 72px)}.admin aside{background:#17202a;padding:18px}.tab{display:block;width:100%;background:transparent;border:0;color:#d0d5dd;padding:13px;text-align:left;border-radius:8px;font-weight:bold;cursor:pointer}.tab.active,.tab:hover{background:#263548;color:#fff}.admin main{padding:35px 5%}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px}.row{display:grid;grid-template-columns:55px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #eee}.avatar{width:55px;height:55px;background:#eef0f3;border-radius:10px;display:grid;place-items:center;font-weight:bold}@media(max-width:850px){nav{display:none}.four,.grid{grid-template-columns:1fr 1fr}.advert>div{grid-template-columns:1fr}.admin{grid-template-columns:1fr}.admin aside{display:flex;overflow:auto}.tab{min-width:130px}.admin main{padding:22px}}@media(max-width:520px){.four,.grid{grid-template-columns:1fr}.hero{padding:55px 6%}.search{display:block}.search input,.search button{width:100%;height:48px;border-radius:9px}.search button{margin-top:7px}}