:root{--navy:#092a35;--navy2:#123c47;--orange:#ef6c3b;--cream:#f7f4ed;--ink:#16313a;--muted:#718087;--line:#e4e6e4;--white:#fff;--shadow:0 18px 45px rgba(7,39,48,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fff}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{height:82px;display:flex;align-items:center;border-bottom:1px solid #edf0ef;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:20}.nav{display:grid;grid-template-columns:210px 1fr auto;gap:28px;align-items:center}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--navy);font-size:23px;font-weight:800;letter-spacing:-1px}.brand>span:last-child span{color:var(--orange)}.brand-mark{width:38px;height:38px;display:grid;place-items:center;color:white!important;background:var(--orange);border-radius:11px;transform:rotate(-5deg)}.search{height:48px;border:1px solid #dfe5e5;border-radius:10px;display:flex;align-items:center;padding-left:15px;background:#fafbfa}.search svg{width:20px;fill:none;stroke:#829095;stroke-width:2}.search input{flex:1;border:0;outline:0;background:transparent;padding:0 12px;color:var(--ink)}.search button,.new-ad-btn,.hero-cta,.promo button{border:0;border-radius:8px;font-weight:700}.search button{height:38px;background:var(--navy);color:white;padding:0 25px;margin-right:4px}.new-ad-btn{height:48px;padding:0 22px;background:var(--orange);color:white;box-shadow:0 8px 18px rgba(239,108,59,.23)}.new-ad-btn span{font-size:20px}.hero{min-height:485px;background:var(--cream);overflow:hidden}.hero-content{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;min-height:485px}.eyebrow,.overline{color:var(--orange);font-size:11px;font-weight:800;letter-spacing:2.1px}.hero h1{font-size:56px;line-height:1.04;letter-spacing:-3px;margin:17px 0}.hero h1 em{font-style:normal;color:var(--orange)}.hero p{max-width:520px;color:#68777b;font-size:17px;line-height:1.7}.hero-cta{margin-top:15px;padding:15px 25px;background:var(--navy);color:#fff}.hero-cta span,.promo button span{margin-left:18px}.hero-art{height:390px;position:relative}.sun{position:absolute;width:270px;height:270px;border-radius:50%;background:#f2c36f;right:60px;top:43px}.mountain{position:absolute;bottom:28px;width:390px;height:240px;background:#285561;clip-path:polygon(0 100%,43% 14%,60% 48%,74% 31%,100% 100%)}.m1{right:0}.m2{right:170px;transform:scale(.7);transform-origin:bottom;background:#83a19d}.pin{position:absolute;right:183px;top:85px;width:82px;height:82px;background:var(--orange);border-radius:50% 50% 50% 8px;transform:rotate(-45deg);display:grid;place-items:center;box-shadow:0 15px 25px rgba(9,42,53,.2)}.pin span{transform:rotate(45deg);font-size:33px;color:white}.floating-card{position:absolute;background:#fff;border-radius:12px;padding:13px 17px;box-shadow:var(--shadow);display:grid;grid-template-columns:auto auto;gap:1px 10px;align-items:center;min-width:165px}.floating-card>span{grid-row:1/3;font-size:24px}.floating-card b{font-size:12px}.floating-card small{font-size:10px;color:var(--muted)}.fc1{top:55px;left:5px}.fc2{bottom:23px;right:10px}.categories-section{padding:70px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-heading h2{font-size:31px;letter-spacing:-1.4px;margin:8px 0 0}.text-btn{border:0;background:transparent;color:var(--orange);font-weight:700}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.category-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:22px 14px;text-align:left;transition:.2s;color:var(--ink)}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}.cat-icon{width:45px;height:45px;border-radius:12px;background:#edf5f3;display:grid;place-items:center;font-size:22px;margin-bottom:15px}.category-card b{display:block;font-size:13px}.category-card small{color:#98a2a5;font-size:11px}.listings-section{background:#f5f7f6;padding:70px 0}.filter-row{display:flex;gap:7px}.filter{border:1px solid #dde2e1;background:#fff;color:#6b797d;border-radius:20px;padding:8px 17px;font-size:12px}.filter.active{background:var(--navy);color:#fff;border-color:var(--navy)}.listing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.listing-card{background:white;border-radius:12px;overflow:hidden;border:1px solid #e9eceb;transition:.2s}.listing-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.listing-image{height:185px;background:#d9e1df center/cover no-repeat;position:relative;display:grid;place-items:center;font-size:53px}.listing-image .badge{position:absolute;top:12px;left:12px;font-size:10px;color:white;background:var(--orange);padding:5px 9px;border-radius:5px;font-weight:800}.favorite{position:absolute;right:10px;top:10px;width:33px;height:33px;border:0;background:rgba(255,255,255,.92);border-radius:50%;font-size:17px;color:#657377}.listing-info{padding:17px}.listing-info h3{font-size:14px;margin:0 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price{font-size:18px;font-weight:800;color:var(--navy)}.meta{border-top:1px solid #edf0ef;margin-top:14px;padding-top:12px;display:flex;justify-content:space-between;font-size:10px;color:#909b9f}.empty-state{text-align:center;padding:50px}.empty-state span{font-size:55px;color:#bac3c3}.promo{margin-top:75px;margin-bottom:75px;background:var(--navy);border-radius:17px;min-height:220px;color:white;padding:48px 60px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.promo:after{content:"";position:absolute;width:260px;height:260px;border:55px solid rgba(255,255,255,.04);border-radius:50%;right:180px;top:-75px}.promo h2{font-size:30px;margin:8px 0;letter-spacing:-1.2px}.promo>div>span{color:#ff9a73;font-size:11px;font-weight:800;letter-spacing:2px}.promo button{z-index:1;padding:15px 23px;background:var(--orange);color:white}footer{background:#071f28;color:#8ca0a7;padding:32px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between}.brand.light{color:#fff}.footer-inner p{font-size:12px}.admin-link{border:0;background:transparent;color:#b6c3c6;font-size:12px}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:25px}.modal-backdrop{position:absolute;inset:0;background:rgba(2,23,30,.72);backdrop-filter:blur(4px)}.modal-card{position:relative;width:min(760px,100%);max-height:92vh;overflow:auto;background:white;border-radius:18px;padding:38px;box-shadow:0 25px 80px rgba(0,0,0,.3)}.modal-close{position:absolute;right:18px;top:14px;border:0;background:#eef1f0;color:var(--ink);border-radius:50%;width:34px;height:34px;font-size:22px}.modal-head h2,.admin-top h2{font-size:30px;margin:6px 0}.modal-head p{color:var(--muted);font-size:13px;margin:0 0 25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid label,#loginForm label{display:flex;flex-direction:column;gap:8px;font-weight:700;font-size:12px}.span-2{grid-column:span 2}input,select,textarea{border:1px solid #dce2e1;border-radius:8px;padding:12px;outline:0;color:var(--ink);background:#fafbfb}input:focus,select:focus,textarea:focus{border-color:#6d969d;box-shadow:0 0 0 3px rgba(40,85,97,.08)}textarea{resize:vertical}.upload-label{border:1px dashed #b9c7c7;border-radius:10px;align-items:center;padding:22px;background:#f8faf9;cursor:pointer!important}.upload-label input{display:none}.upload-icon{font-size:24px}.upload-label small{color:var(--muted);font-weight:400}.upload-label #fileName{color:var(--orange);font-size:11px}.check{display:flex;align-items:center;gap:8px;margin:18px 0;font-size:12px}.check input{accent-color:var(--orange)}.submit-btn{width:100%;border:0;border-radius:9px;background:var(--orange);color:white;padding:14px;font-weight:800}.submit-btn span{float:right}.toast{position:fixed;right:25px;bottom:25px;background:var(--navy);color:white;padding:14px 20px;border-radius:9px;box-shadow:var(--shadow);z-index:100;transform:translateY(100px);opacity:0;transition:.3s}.toast.show{transform:none;opacity:1}.admin-card{width:min(950px,100%)}#adminLogin{max-width:350px;margin:25px auto;text-align:center}.admin-login-icon{width:55px;height:55px;background:var(--navy);color:white;border-radius:15px;display:grid;place-items:center;margin:auto;font-size:23px}#adminLogin h2{margin:17px 0 3px}#adminLogin>p{font-size:13px;color:var(--muted)}#loginForm{text-align:left;display:grid;gap:15px;margin-top:25px}.demo-hint{text-align:center;color:#8a979b}.error{color:#c84132!important;text-align:center}.admin-top{display:flex;justify-content:space-between;align-items:center}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.stat{background:#f3f6f5;border-radius:10px;padding:18px}.stat b{display:block;font-size:25px}.stat small{color:var(--muted)}.admin-table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#89969a;border-bottom:1px solid var(--line);padding:11px}td{padding:13px 11px;border-bottom:1px solid #edf0ef}.status{padding:5px 8px;border-radius:12px;background:#e5f5e8;color:#2b7840;font-size:10px}.status.pending{background:#fff0d7;color:#97650c}.action-btn{border:0;background:#eef2f1;border-radius:5px;padding:6px 8px;margin-right:4px}.action-btn.danger{color:#bc3c32;background:#fdeceb}
@media(max-width:900px){.nav{grid-template-columns:1fr auto}.search{order:3;grid-column:1/3;margin-bottom:12px}.site-header{height:auto;padding:13px 0}.hero-content{grid-template-columns:1fr}.hero{padding-top:70px}.hero-art{display:none}.category-grid{grid-template-columns:repeat(3,1fr)}.listing-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.container{width:min(100% - 24px,1160px)}.brand{font-size:19px}.brand-mark{width:34px;height:34px}.new-ad-btn{padding:0 13px}.hero{min-height:420px}.hero-content{min-height:420px}.hero h1{font-size:42px}.categories-section,.listings-section{padding:48px 0}.category-grid{grid-template-columns:repeat(2,1fr)}.listing-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;gap:15px}.filter-row{margin-top:8px}.promo{margin:45px 12px;padding:35px 25px;display:block}.promo h2{font-size:25px}.promo button{margin-top:15px}.footer-inner{flex-direction:column;gap:15px}.modal{padding:10px}.modal-card{padding:28px 18px}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.stats{grid-template-columns:1fr}.search button{padding:0 16px}}