*{box-sizing:border-box}body{margin:0;font-family:Arial,Tahoma,sans-serif;color:#172033;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1180px,92%);margin:auto}header{height:68px;border-bottom:1px solid #e8edf5;background:#fff;position:sticky;top:0;z-index:20}.nav{height:100%;display:flex;align-items:center;gap:30px}.logo{font-size:29px;font-weight:800;color:#2167e8;margin-left:auto}.logo b{font-size:25px}.nav nav{display:flex;gap:28px}.nav nav a{padding:24px 0}.nav nav .active{color:#2167e8;border-bottom:2px solid #2167e8}.actions{display:flex;gap:9px}.primary,.ghost,.outline{cursor:pointer;border-radius:9px;padding:12px 18px;font-weight:700}.primary{border:0;background:#2167e8;color:#fff}.ghost,.outline{background:#fff;border:1px solid #dce4f0;color:#2167e8}.hero{background:linear-gradient(110deg,#122d67,#2870e5);color:white}.hero-inner{text-align:center;padding:60px 0 68px}.hero h1{font-size:38px;margin:0 0 10px}.hero p{font-size:17px}.search{background:#fff;padding:9px;border-radius:13px;display:grid;grid-template-columns:2fr 1fr 1fr 120px;gap:8px;max-width:920px;margin:28px auto 0}.search input,.search select{padding:14px;border:1px solid #e0e5ee;border-radius:8px;min-width:0;font-size:14px}.categories{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;padding:22px 0}.categories button{border:0;background:white;padding:14px 4px;border-radius:12px;cursor:pointer;font-size:25px}.categories button:hover{background:#f4f7fd}.categories small{display:block;margin-top:7px;font-size:12px;color:#47536a}.section{padding:12px 0 34px}.head{display:flex;justify-content:space-between;align-items:center}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{border:1px solid #e5eaf2;border-radius:13px;overflow:hidden;background:#fff;box-shadow:0 4px 15px #18233a0d}.pic{height:175px;background:#edf1f7}.pic img{width:100%;height:100%;object-fit:cover}.body{padding:13px}.body h3{font-size:15px;min-height:38px}.meta{font-size:12px;color:#778296}.price{color:#2167e8;font-size:18px;font-weight:800;margin-top:10px}.free{display:flex;justify-content:space-between;align-items:center;background:#f4f8ff;border:1px solid #dbe7fb;border-radius:13px;padding:25px;margin-bottom:35px}.free h2{color:#185bd0}.features{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e7ebf2;border-radius:13px;margin-bottom:50px}.features>div{text-align:center;padding:24px;border-left:1px solid #edf0f4}.features>div:last-child{border:0}.features p{color:#778296;font-size:12px}footer{background:#111a2c;color:#dbe3f2}.footer{display:grid;grid-template-columns:2fr 1fr 1fr;padding:40px 0;gap:30px}.footer a{display:block;color:#aeb9ca;margin:10px 0}.copy{text-align:center;border-top:1px solid #ffffff12;padding:17px;color:#8d99ac;font-size:12px}.modal{display:none;position:fixed;inset:0;background:#07122699;z-index:50;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.box{width:min(520px,100%);background:#fff;border-radius:16px;padding:28px;position:relative;max-height:90vh;overflow:auto}.close{position:absolute;left:13px;top:11px;border:0;border-radius:50%;width:32px;height:32px;font-size:22px;cursor:pointer}.form label{display:block;font-size:13px;font-weight:700;margin:12px 0}.form input,.form select,.form textarea{width:100%;padding:12px;margin-top:6px;border:1px solid #dce2eb;border-radius:8px}.full{width:100%;margin-top:12px}@media(max-width:900px){.nav nav{display:none}.cards{grid-template-columns:repeat(2,1fr)}.categories{grid-template-columns:repeat(4,1fr)}.search{grid-template-columns:1fr 1fr}.search button{grid-column:1/-1}.features{grid-template-columns:1fr 1fr}.footer{grid-template-columns:1fr 1fr}}@media(max-width:600px){.hero h1{font-size:27px}.actions .ghost{display:none}.actions .primary{padding:10px;font-size:12px}.search{grid-template-columns:1fr}.search button{grid-column:auto}.cards{grid-template-columns:1fr 1fr;gap:9px}.pic{height:125px}.categories{grid-template-columns:repeat(4,1fr)}.free{display:block;text-align:center}.features,.footer{grid-template-columns:1fr}.features>div{border-left:0;border-bottom:1px solid #edf0f4}}