:root{--ink:#121722;--muted:#677083;--surface:#fff;--canvas:#f2f3f5;--line:#dde1e7;--accent:#e12636;--accent-dark:#ba1523;--dark:#111722;--dark-soft:#1d2634;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--canvas)}
body{background:radial-gradient(circle at 82% 6%,#e2e5ea 0,transparent 25rem),var(--canvas);color:var(--ink)}
button,input,select,textarea{border-radius:10px}
button{border-color:#d7dce3;font-weight:700;transition:transform .18s,filter .18s,box-shadow .18s}
button:hover{filter:none;transform:translateY(-1px)}
.lightbox-arrow:hover,.preview-arrow:hover,.detail-gallery-arrow:hover{transform:translateY(-50%)}
.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 7px 18px #e1263628}
.primary:hover{background:var(--accent-dark);border-color:var(--accent-dark);box-shadow:0 9px 22px #e1263638}
:focus-visible{outline-color:#f06c77}
header{position:sticky;z-index:10;top:0;padding:14px max(5vw,20px);gap:42px;background:#111722f5;border:0;box-shadow:0 5px 24px #0b101929;backdrop-filter:blur(14px)}
.logo{display:inline-flex;align-items:center;gap:11px;color:#fff;font-size:26px;letter-spacing:-1.2px;font-weight:850}
.logo-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:linear-gradient(145deg,#f33a49,var(--accent));box-shadow:0 8px 20px #e1263640;transform:skewX(-4deg)}
.logo-mark svg{width:34px;height:34px;fill:#fff;stroke:#fff;stroke-width:2;stroke-linecap:round}
.logo-mark .speed{fill:none}
.logo .logo-type{color:#fff}
.logo-type>span{color:#ef3343}
.nav{color:#aab3c1;font-size:13px;text-transform:uppercase;letter-spacing:1.2px}
#account{color:#e9edf3;border-color:#3b4656;background:#202a38}
header .primary{margin-left:0}
main{max-width:1400px;padding-top:34px}
.intro{position:relative;min-height:245px;padding:42px clamp(28px,5vw,70px);overflow:hidden;border-radius:24px;color:#fff;background:linear-gradient(115deg,#111722 0%,#1c2736 64%,#252f3c 100%);box-shadow:0 22px 50px #12172220}
.intro::before,.intro::after{content:"";position:absolute;pointer-events:none;transform:rotate(-18deg);border:1px solid #ffffff14}
.intro::before{width:420px;height:115px;right:-80px;bottom:18px;border-width:2px 0}
.intro::after{width:330px;height:76px;right:-20px;bottom:44px;border-width:1px 0}
.intro>div,.intro .local{position:relative;z-index:1}
.intro .eyebrow{color:#ff6d78}
.intro h1{max-width:760px;color:#fff;font-size:clamp(34px,4.4vw,62px);line-height:1.02;letter-spacing:-2.8px}
.intro p{color:#b9c1ce;font-size:17px}
.intro .local{background:#ffffff12;border:1px solid #ffffff1f;color:#dce2eb;backdrop-filter:blur(8px)}
.search{position:relative;z-index:2;margin:-27px clamp(18px,4vw,52px) 0;padding:24px 26px;border:0;border-radius:16px;box-shadow:0 18px 45px #17203018}
label{color:#303747;font-weight:700}
input,select,textarea{border-color:#d9dee6;background:#fbfcfd;padding:13px 14px;transition:border-color .18s,box-shadow .18s,background .18s}
input:focus,select:focus,textarea:focus{outline:0;border-color:#ef5d69;background:#fff;box-shadow:0 0 0 4px #e1263612}
section{padding-top:48px}
.results h2{font-size:27px;letter-spacing:-.8px}
#count{color:#8a919e}
.cards{gap:26px}
.card{border:0;border-radius:18px;box-shadow:0 8px 28px #1720300c}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 42px #1720301c}
.photo-button{height:230px;background:#dfe3e8}
.card-body{padding:23px}
.tag{display:inline-block;color:#a71925;background:#fff0f1;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:800;letter-spacing:.7px}
.card h3{font-size:22px;letter-spacing:-.45px}
.specs{color:#697386}
.price{color:#101722;font-size:26px;letter-spacing:-.5px}
.price small{color:#687283}
.view{background:#f1f3f6;color:#202b3a;border-radius:8px}
.view:hover{background:#e6e9ee;color:var(--accent)}
.card a.photo-button{text-decoration:none;color:inherit;cursor:pointer}
.card a.view{display:inline-block;text-decoration:none;font-weight:600}
.photo-count{background:#111722e8}
#empty{border:1px solid var(--line);border-radius:18px}
footer{margin-top:64px;padding:36px clamp(20px,4vw,44px);border:0;border-radius:22px 22px 0 0;background:var(--dark);color:#fff}
footer p{color:#aeb7c5}
dialog:not(#lightbox):not(#editor){border-radius:20px;box-shadow:0 28px 100px #0d142145}
dialog::backdrop{background:#111722a6;backdrop-filter:blur(5px)}
.close{color:#596273;background:transparent}
#editor{background:linear-gradient(135deg,#eceff3,#f7f8fa)}
#editor .fields{border:0;box-shadow:0 18px 55px #17203014}
.editor-heading .eyebrow{color:var(--accent)}
.form-section{color:#161d29}
#listingPreview .preview-card{border:0;box-shadow:0 10px 34px #17203012}
.panel-section{border-color:#e2e5ea}
.my-row{border-color:#e7e9ed}
#toast{background:#121722;border-left:4px solid var(--accent)}
@media(max-width:950px){.intro{min-height:220px}.search{margin-inline:14px}.photo-button{height:220px}}
@media(max-width:600px){header{padding:12px 16px;gap:10px}.logo{font-size:22px}.logo-mark{width:38px;height:38px}.logo-mark svg{width:30px;height:30px}.nav{display:none}.account-actions{gap:8px}.account-actions button{font-size:13px}.intro{min-height:225px;margin-inline:-1px;padding:32px 24px;border-radius:0 0 22px 22px}.intro h1{font-size:38px;letter-spacing:-1.8px}.intro p{font-size:15px}.search{margin:-22px 0 0;padding:19px;border-radius:15px}.results h2{font-size:24px}.cards{gap:20px}.card{border-radius:16px}.photo-button{height:245px}footer{margin-inline:-5vw;border-radius:0;padding-inline:5vw}.logo-type{display:inline}}