:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--bg-0: #07090c;--bg-1: #0f1319;--bg-2: #171f29;--surface: #1d2530;--surface-soft: #202b38;--text-1: #f3f6f9;--text-2: #bec9d3;--text-3: #93a2af;--accent: #dcae74;--accent-2: #f2c185;--success: #73d196;--danger: #ff8d8d;--line: rgba(255, 255, 255, .12);--line-hair: rgba(255, 255, 255, .08);--shadow-sm: 0 6px 18px rgba(0, 0, 0, .2);--shadow-md: 0 18px 45px rgba(0, 0, 0, .3);--shadow-lg: 0 30px 70px rgba(0, 0, 0, .38);--font-body: "Segoe UI", "Avenir Next", "Helvetica Neue", sans-serif;--font-heading: "Bebas Neue", "Segoe UI", sans-serif;--fs-xs: clamp(.76rem, .73rem + .1vw, .82rem);--fs-sm: clamp(.88rem, .82rem + .2vw, .98rem);--fs-md: clamp(1rem, .92rem + .3vw, 1.12rem);--fs-lg: clamp(1.22rem, 1.08rem + .45vw, 1.5rem);--fs-xl: clamp(1.7rem, 1.3rem + 1.1vw, 2.5rem);--fs-xxl: clamp(2.2rem, 1.65rem + 2.2vw, 3.9rem);--lh-tight: 1.12;--lh-mid: 1.35;--lh-body: 1.58;--tracking-tight: .01em;--tracking-wide: .08em}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:radial-gradient(1100px 520px at -5% -8%,rgba(220,174,116,.22),transparent 58%),radial-gradient(1000px 460px at 105% -10%,rgba(68,90,119,.2),transparent 52%),linear-gradient(180deg,var(--bg-1),var(--bg-0));color:var(--text-1);font-family:var(--font-body);font-size:var(--fs-md);line-height:var(--lh-body)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(transparent 0%,#ffffff05)}a{color:inherit}img{max-width:100%;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;box-shadow:0 0 0 4px #dcae7438}#app{min-height:100svh;padding-bottom:90px}.topbar{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line-hair);background:#090b0fc2;-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%)}.brand img{width:auto;height:40px}.topbar__context{display:grid;gap:2px}.topbar__title{margin:0;font-family:var(--font-heading);font-size:var(--fs-lg);line-height:var(--lh-tight);letter-spacing:.03em}.topbar__subtitle{margin:0;color:var(--text-3);font-size:var(--fs-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.topbar__actions{display:none;align-items:center;gap:var(--space-2)}.topnav{display:flex;gap:var(--space-2)}.topnav a{text-decoration:none;color:var(--text-2);border-radius:999px;padding:10px 14px;min-height:44px;display:inline-flex;align-items:center;font-size:var(--fs-sm);transition:.18s ease}.topnav a:hover{color:var(--text-1);background:#ffffff0f}.topnav a.is-active{color:var(--text-1);background:#ffffff1a}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#10161d;color:var(--text-1);padding:10px 12px;font:inherit;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input:hover,select:hover,textarea:hover{border-color:#ffffff38}input::placeholder,textarea::placeholder{color:#6f7f8d}button,.btn-primary,.btn-secondary{border:1px solid transparent;border-radius:12px;min-height:44px;padding:10px 14px;cursor:pointer;font:inherit;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .14s ease,background-color .16s ease,border-color .16s ease;position:relative;overflow:hidden}button:active,.btn-primary:active,.btn-secondary:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary,button[data-tone=primary],.villa-card__actions button:last-child{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#1f1407;border-color:#ffdba98c}.btn-primary:before,button[data-tone=primary]:before,.villa-card__actions button:last-child:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.3),transparent 40%);opacity:.45;pointer-events:none}.btn-primary:hover,button[data-tone=primary]:hover{background:linear-gradient(180deg,#ffd09a,var(--accent-2))}.btn-secondary,.villa-card__actions button:first-child{background:#18202a;color:var(--text-1);border-color:var(--line)}.btn-secondary:hover,.villa-card__actions button:first-child:hover{background:#212c39;border-color:#fff3}.btn-tertiary{background:transparent;border-color:#dcae746b;color:var(--accent-2)}.btn-tertiary:hover{background:#dcae741f}.app-main{width:min(1200px,calc(100% - 2 * var(--space-4)));margin:var(--space-5) auto var(--space-6);display:grid;gap:var(--space-5)}.page{display:grid;gap:var(--space-5)}h1,h2,h3{margin:0;font-family:var(--font-heading);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight)}h1{font-size:var(--fs-xxl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}.eyebrow{margin:0;color:var(--accent);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.14em}.hero-block,.content-grid article,.panel,.request-card,.villa-card,.empty-state,.filters{border:1px solid var(--line-hair);border-radius:var(--radius-lg);background:linear-gradient(160deg,#ffffff0b,#10141bf0);box-shadow:var(--shadow-sm)}.hero-block{overflow:hidden;display:grid;gap:var(--space-4);padding:var(--space-4)}.hero-block img{border-radius:calc(var(--radius-lg) - 8px);min-height:220px;object-fit:cover}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.section-head{display:grid;gap:var(--space-2)}.section-head p{margin:0;color:var(--text-2)}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.content-grid article{padding:var(--space-4)}.content-grid article p{margin:0;color:var(--text-2)}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--space-3);padding:var(--space-4)}label{display:grid;gap:6px;font-size:var(--fs-sm)}.cards{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;border:1px solid var(--line);background:#ffffff0d;border-radius:999px;padding:4px 10px;color:#d6dde4;font-size:var(--fs-xs)}.empty-state{padding:var(--space-6) var(--space-5);text-align:center;background:radial-gradient(380px 180px at 50% 0%,rgba(220,174,116,.2),transparent),linear-gradient(170deg,#ffffff0d,#0a0e14f5)}.empty-state h3{margin-bottom:var(--space-2)}.empty-state p{margin:0;color:var(--text-2)}.app-footer{width:min(1200px,calc(100% - 2 * var(--space-4)));margin:0 auto var(--space-5);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.app-footer a{color:var(--text-2);text-decoration:none;border:1px solid var(--line);border-radius:999px;min-height:44px;display:inline-flex;align-items:center;padding:10px 14px}.app-footer a:hover{background:#ffffff0f;color:var(--text-1)}.app-footer__hidden{opacity:.55;font-size:var(--fs-xs)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);padding:var(--space-2) var(--space-3) calc(env(safe-area-inset-bottom) + var(--space-2));border-top:1px solid var(--line);background:#090b0feb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav a{min-height:44px;border-radius:12px;text-decoration:none;color:var(--text-2);display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.bottom-nav a:after{content:"";position:absolute;left:20%;right:20%;bottom:4px;height:3px;border-radius:999px;transform:scaleX(0);background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:transform .18s ease}.bottom-nav a.is-active{color:var(--text-1);background:#ffffff17}.bottom-nav a.is-active:after{transform:scaleX(1)}.toast{position:fixed;right:var(--space-4);bottom:calc(84px + var(--space-3));background:#111a14;color:var(--success);border:1px solid #295339;border-radius:12px;padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-md)}.skeleton{border-radius:12px;min-height:120px;background:linear-gradient(110deg,#ffffff0f 8%,#ffffff29 18%,#ffffff0f 33%);background-size:220% 100%;animation:shimmer 1.1s linear infinite}@keyframes shimmer{to{background-position-x:-220%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(min-width:980px){#app{padding-bottom:0}.topbar{padding:var(--space-3) var(--space-5)}.topbar__actions{display:flex}.bottom-nav{display:none}.hero-block{grid-template-columns:1.2fr 1fr;align-items:stretch}}.villa-card{position:relative;overflow:hidden;padding:0;transition:transform .18s ease,box-shadow .18s ease;border:1px solid rgba(255,255,255,.09)}.villa-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.villa-card__media{position:relative}.villa-card img{width:100%;aspect-ratio:5 / 4;object-fit:cover}.villa-card__labels{position:absolute;inset:var(--space-3) var(--space-3) auto var(--space-3);display:flex;justify-content:space-between;gap:var(--space-2);pointer-events:none}.villa-card__label{border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#090c10a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:var(--fs-xs);padding:4px 10px}.villa-card__body{padding:var(--space-4);display:grid;gap:var(--space-3)}.villa-card__location{margin:0;color:var(--text-3);font-size:var(--fs-sm)}.villa-card__meta{margin:0;color:var(--text-2);font-size:var(--fs-sm)}.villa-card__price{margin:0;color:var(--accent-2);font-weight:700;font-size:var(--fs-md)}.villa-card__actions,.tabs{display:flex;gap:var(--space-2);flex-wrap:wrap}.tab{background:#17202a;color:var(--text-2);border:1px solid var(--line);border-radius:999px;min-height:44px;padding:10px 14px}.tab[aria-selected=true]{color:var(--text-1);border-color:#dcae7480;background:#dcae7429}.villa-hero{display:grid;gap:var(--space-4);border:1px solid var(--line-hair);border-radius:var(--radius-lg);padding:var(--space-4);background:linear-gradient(160deg,#dcae7429,#0e1219eb)}.villa-hero img{border-radius:14px;aspect-ratio:16 / 9;object-fit:cover}.villa-facts{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.villa-facts div{border:1px solid var(--line);border-radius:12px;padding:var(--space-2);background:#ffffff08}.villa-facts small{display:block;color:var(--text-3);font-size:var(--fs-xs)}.villa-gallery{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.villa-gallery img{border-radius:12px;aspect-ratio:4 / 3;object-fit:cover}.gallery-hint{color:var(--text-3);margin:0;font-size:var(--fs-xs)}.stack{display:grid;gap:var(--space-4)}.quote{border-left:3px solid var(--accent);padding-left:var(--space-3);color:var(--text-2)}.calendar{display:grid;gap:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg-2);padding:var(--space-3)}.calendar__head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-2);align-items:center}.calendar__head h3{margin:0;font-size:var(--fs-lg);text-align:center}.calendar__month-select{background:#111820;border-color:var(--line);font-size:var(--fs-sm);max-width:220px}.calendar__quick{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.calendar__quick span{color:var(--text-3);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em}.calendar__deals{border:1px solid var(--line);border-radius:12px;background:#ffffff08;padding:var(--space-2) var(--space-3);display:grid;gap:var(--space-1)}.calendar__deals h4{margin:0;font-size:var(--fs-sm)}.calendar__deals div{display:flex;justify-content:space-between;gap:var(--space-2);font-size:var(--fs-xs);color:var(--text-2)}.calendar__deals p{margin:0;font-size:var(--fs-xs);color:var(--text-3)}.calendar__dow,.calendar__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-1)}.calendar__dow span{text-align:center;color:var(--text-3);font-size:var(--fs-xs)}.calendar-day{min-height:72px;border:1px solid var(--line-hair);border-radius:10px;background:#101720;color:var(--text-1);padding:6px;display:grid;align-content:space-between;justify-items:start;text-align:left;gap:4px}.calendar-day span{font-size:var(--fs-sm);font-weight:600}.calendar-day small{font-size:var(--fs-xs);color:var(--text-2);padding:1px 6px;border-radius:999px;background:#07090c94;border:1px solid rgba(255,255,255,.1)}.calendar-day:hover:not(:disabled){border-color:#dcae7480}.calendar-day.is-start,.calendar-day.is-end{border-color:var(--accent);background:linear-gradient(160deg,#dcae7457,#101720e6)}.calendar-day.is-range{border-color:#dcae7466;background:linear-gradient(180deg,#dcae741f,#101720e0)}.calendar-day.is-blocked,.calendar-day:disabled{opacity:.4;cursor:not-allowed;background:#0d1116}.calendar-day.is-empty{visibility:hidden}.calendar-day.heat-low{background:linear-gradient(180deg,#4d806838,#101720)}.calendar-day.heat-lowmid{background:linear-gradient(180deg,#5a8d6f30,#101720)}.calendar-day.heat-mid{background:linear-gradient(180deg,#7f745838,#101720)}.calendar-day.heat-highmid{background:linear-gradient(180deg,#a1714c3d,#101720)}.calendar-day.heat-high{background:linear-gradient(180deg,#b95c3c40,#101720)}.calendar__legend,.calendar__error{margin:0;font-size:var(--fs-sm);color:var(--text-2)}.calendar__error{color:var(--danger)}.calendar__suggestions{display:grid;gap:var(--space-2)}.calendar__suggestions-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.price-breakdown{border:1px solid var(--line);border-radius:14px;background:#121a23;display:grid;gap:var(--space-2);padding:var(--space-3)}.price-breakdown>div{display:flex;justify-content:space-between;gap:var(--space-2);font-size:var(--fs-sm)}.price-breakdown>div strong{color:var(--text-1)}.stepper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);list-style:none;margin:0;padding:0}.stepper li{border:1px solid var(--line);border-radius:12px;padding:var(--space-2) var(--space-3);color:var(--text-3);font-size:var(--fs-sm)}.stepper li.is-active{color:var(--text-1);border-color:#dcae7499;background:#dcae741f}.wizard-actions{display:flex;justify-content:space-between;gap:var(--space-3)}.request-card h3{margin-bottom:var(--space-1)}.request-card p{margin:0;color:var(--text-2)}.consent{display:flex;align-items:center;gap:var(--space-2)}.detail-sticky-cta{position:sticky;bottom:84px;z-index:10;border:1px solid var(--line);border-radius:14px;background:#0c1016eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-2)}.booking-bar{position:sticky;bottom:84px;z-index:20;border:1px solid var(--line);border-radius:14px;background:#0a0e14eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-3);display:grid;gap:var(--space-2)}.booking-bar__meta{display:grid;gap:2px}.booking-bar__kicker{margin:0;color:var(--text-3);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase}.booking-bar__price{margin:0;font-size:var(--fs-lg);font-weight:700;color:var(--accent-2)}.booking-bar__price span{font-size:var(--fs-xs);color:var(--text-3)}.booking-bar__dates{margin:0;color:var(--text-2);font-size:var(--fs-sm)}.booking-bar__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.modal{position:fixed;inset:0;z-index:60}.modal__backdrop{position:absolute;inset:0;background:#000000a6}.modal__card{position:relative;margin:min(8vh,60px) auto;width:min(900px,calc(100% - 2 * var(--space-4)));border-radius:var(--radius-lg);border:1px solid var(--line);background:#141b23;padding:var(--space-5)}.modal__close{position:absolute;top:var(--space-2);right:var(--space-2)}@media(min-width:980px){.stepper{grid-template-columns:repeat(4,minmax(0,1fr))}.villa-hero{grid-template-columns:1.18fr 1fr}.detail-sticky-cta{bottom:var(--space-4)}.booking-bar{position:fixed;right:var(--space-4);bottom:var(--space-4);width:min(420px,calc(100% - 2 * var(--space-4)))}}
