@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');
:root{--navy:#062954;--blue:#075ab9;--pink:#f00656;--yellow:#ffc400;--ink:#071f42;--muted:#64748b;--border:#e5eaf2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:16px Nunito,Arial,sans-serif}button,input,select{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}a{text-decoration:none;color:inherit}.container{width:min(1320px,calc(100% - 48px));margin:auto}.site-header{background:white;box-shadow:0 2px 12px #07245110;position:relative;z-index:5}.header-inner{height:86px;display:flex;align-items:center;gap:24px}.brand{flex:0 0 225px}.brand img{width:100%;height:76px;object-fit:contain}.desktop-nav{display:flex;gap:23px;align-items:center;flex:1;justify-content:center;font-weight:800}.desktop-nav a:hover,.desktop-nav .active{color:#0962d8}.header-actions{display:flex;align-items:center;gap:12px}.login{padding:10px 18px;border:1px solid #1267e8;border-radius:12px;font-weight:800}.btn{border:0;border-radius:13px;padding:13px 22px;font-weight:900;cursor:pointer;text-align:center}.btn-pink{background:linear-gradient(115deg,#ff1164,#d9004b);color:#fff;box-shadow:0 4px 10px #ef07502a}.btn-pink:hover{filter:brightness(1.08)}.icon-btn{border:0;background:transparent;font-size:25px;cursor:pointer}.menu-toggle{display:none}.hero{background:radial-gradient(ellipse at 65% 45%,#086fcd 0%,#07549f 38%,#052852 83%);overflow:hidden;position:relative}.hero:after{content:'';position:absolute;left:-4%;bottom:-40px;width:108%;height:58px;background:var(--yellow);transform:rotate(-1.4deg)}.hero-inner{min-height:340px;display:flex;align-items:center;position:relative;z-index:1}.hero-copy{width:46%;padding:24px 0 55px;color:white;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:900;color:#b8d7f6}.hero h1{font-size:clamp(35px,4vw,60px);line-height:1.08;letter-spacing:-.04em;margin:10px 0 24px;font-weight:900}.hero h1 em{font-style:normal;color:var(--yellow);border-bottom:6px solid var(--yellow)}.hero-points{display:flex;flex-direction:column;gap:7px;font-size:17px;font-weight:800}.hero-points span::first-letter{color:var(--yellow)}.hero-art{position:absolute;right:0;bottom:25px;width:57%;height:280px;display:flex;align-items:end;justify-content:center;gap:0;filter:drop-shadow(0 15px 12px #00172d65)}.hero-art>div{font-size:clamp(45px,7vw,110px);margin-left:-15px}.hero-art .art-house{font-size:clamp(70px,9vw,130px);align-self:center}.hero-art .art-phone{font-size:70px;align-self:center}.hero-art .art-bike{font-size:95px}.hero-art .art-box{font-size:50px}.search-wrap{position:relative;z-index:3;margin-top:-35px}.search{background:#fff;padding:13px;display:flex;gap:10px;border-radius:22px;box-shadow:0 10px 30px #092e5a25}.search-field,.location-field{display:flex;align-items:center;gap:12px;padding:0 18px;min-height:50px}.search-field{flex:1}.location-field{width:255px;border-left:1px solid var(--border)}.search-field>span,.location-field>span{font-size:27px;color:var(--pink)}.search input,.search select{border:0;outline:0;width:100%;background:transparent;color:var(--ink);font-weight:800}.search input::placeholder{color:#7a8597}.search .btn{min-width:170px}.section{padding-top:35px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:18px}.section h2{font-size:28px;letter-spacing:-.035em;margin:0;font-weight:900}.section h2:after{content:'';display:block;width:90px;height:5px;border-radius:20px;background:var(--yellow);margin-top:3px}.muted{color:var(--muted);font-size:13px}.category-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.category-card{border:1px solid #eef0f5;border-radius:18px;background:#fff;box-shadow:0 5px 18px #122c4e12;padding:16px 8px;min-height:118px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:900}.category-card:hover{transform:translateY(-2px);border-color:#8ab7f6}.category-icon{font-size:34px;filter:drop-shadow(0 2px 0 var(--accent))}.listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.listing{border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 4px 18px #1b36531c;border:1px solid #e9edf2}.listing-photo{height:190px;position:relative;background:#eef4fb}.listing-photo img{width:100%;height:100%;object-fit:cover}.favorite{position:absolute;top:10px;right:10px;background:white;border:0;border-radius:50%;height:37px;width:37px;font-size:27px;line-height:1;cursor:pointer}.favorite[aria-pressed=true]{color:var(--pink)}.listing-body{padding:12px 15px 15px}.listing-body h3{font-size:16px;margin:0;font-weight:900}.listing-body p{margin:3px 0}.listing-body .price{color:var(--pink);font-size:22px;font-weight:900}.benefits{margin-top:40px;margin-bottom:36px;padding:22px 30px;border-radius:30px;background:#f4f7fc;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.benefits>div{display:flex;flex-direction:column;font-size:23px;text-align:center}.benefits strong{font-size:15px}.benefits small{font-size:12px;color:var(--muted)}.footer{background:#f7f9fc;color:var(--muted);font-size:12px;padding:24px 0;text-align:center}.mobile-nav{display:none}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:12px 20px;border-radius:12px;z-index:20;box-shadow:0 10px 30px #0003;display:none;text-align:center}.empty{padding:25px;text-align:center;background:#f7f9fc;border-radius:16px}
@media(max-width:1100px){.desktop-nav{gap:12px;font-size:13px}.brand{flex-basis:190px}.header-inner{gap:10px}.category-grid{grid-template-columns:repeat(4,1fr)}.hero-art{opacity:.85}}
@media(max-width:760px){body{padding-bottom:72px}.container{width:min(100% - 28px,550px)}.header-inner{height:70px;justify-content:space-between;gap:8px}.brand{flex:0 1 210px}.brand img{height:62px}.menu-toggle{display:block}.desktop-nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:15px 25px;box-shadow:0 10px 20px #0002;flex-direction:column;align-items:stretch}.desktop-nav.open{display:flex}.header-actions{display:none}.hero-inner{min-height:250px;align-items:flex-start}.hero-copy{width:100%;padding:25px 0 65px}.eyebrow{font-size:10px}.hero h1{font-size:clamp(29px,7vw,42px);margin:6px 0 15px}.hero-points{font-size:12px;gap:5px}.hero-art{width:65%;height:160px;right:-18px;bottom:24px;opacity:.85}.hero-art>div{font-size:40px;margin-left:-12px}.hero-art .art-house{font-size:65px}.hero-art .art-phone{font-size:32px}.hero-art .art-bike{font-size:42px}.hero-art .art-box{font-size:26px}.search-wrap{margin-top:-24px}.search{display:flex;flex-direction:column;padding:12px;gap:0;border-radius:20px}.search-field,.location-field{width:100%;border:1px solid var(--border);border-radius:12px;margin-bottom:8px;min-height:48px}.search .btn{width:100%}.section{padding-top:27px}.section h2{font-size:23px}.section-head .muted{font-size:10px;max-width:145px;text-align:right}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.category-card{min-height:92px;padding:10px 4px;border-radius:13px;font-size:10px}.category-icon{font-size:26px}.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.listing-photo{height:125px}.listing-body{padding:10px}.listing-body h3{font-size:12px}.listing-body .price{font-size:17px}.listing-body .muted{font-size:10px}.benefits{grid-template-columns:repeat(2,1fr);gap:14px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:70px;background:#fff;box-shadow:0 -3px 20px #0002;z-index:10;justify-content:space-around;align-items:center}.mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;font-weight:900;color:#273c59}.mobile-nav a span{font-size:25px}.mobile-nav .active{color:#0864e8}.mobile-nav .mobile-publish span{background:var(--pink);color:white;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:32px;margin-top:-23px}.toast{bottom:85px;width:max-content;max-width:90vw}}
@media(max-width:390px){.hero-art{opacity:.5}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.category-card{font-size:9px}.brand{flex-basis:175px}}