:root{--pine:#102823;--forest:#183c34;--dark:#0e211c;--gold:#c8a86e;--pale:#efe0bc;--paper:#f8f7f2;--white:#fff;--ink:#193129;--muted:#68756d;--line:#e2e5df;--red:#a33a37;--shadow:0 20px 55px rgba(20,40,32,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.55}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}[hidden]{display:none!important}.site-shell{max-width:1160px;margin:auto;background:var(--paper);min-height:100vh}.header{height:82px;background:var(--pine);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,64px);gap:20px}.logo{display:flex;align-items:center;gap:12px;color:#fff;min-width:0}.logo-mark{width:45px;height:45px;border:1px solid var(--gold);display:grid;place-items:center;transform:rotate(45deg);font-family:Georgia,serif;color:var(--pale);font-size:17px;flex-shrink:0}.logo-mark::first-letter{font-weight:700}.logo-mark{line-height:1}.logo-type{font-size:15px;letter-spacing:.23em;font-weight:650;white-space:nowrap}.logo-type b{color:var(--gold);font-weight:500}.logo-type small{display:block;font-size:8px;letter-spacing:.26em;color:#91aba1;margin-top:2px}.header-actions{display:flex;align-items:center;gap:12px}.room-tag,.lang-btn{border:1px solid #577269;color:#f3e4c6;border-radius:24px;background:transparent;padding:8px 13px;font-size:11px;letter-spacing:.06em}.room-tag{background:#23453b}.hero{background:linear-gradient(135deg,#102823,#22483e);color:#fff;min-height:375px;position:relative;overflow:hidden}.hero-scene{position:absolute;inset:0;pointer-events:none;opacity:.62}.hero-scene svg{height:100%;width:100%}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d2421 2%,rgba(13,36,32,.85) 38%,transparent 100%)}.hero-content{position:relative;z-index:1;padding:clamp(45px,6vw,78px) clamp(26px,7vw,76px) 50px;max-width:720px}.eyebrow{font-weight:600;color:#e5c28a;font-size:10px;letter-spacing:.22em;line-height:1.8;text-transform:uppercase}.eyebrow.dark{color:#9c7540}.diamond{display:inline-block;width:7px;height:7px;background:var(--gold);transform:rotate(45deg);margin-right:7px}.hero h1,.welcome h2,.section h2,.admin-shell h1{font:normal clamp(36px,5.3vw,63px)/1.09 Georgia,"Times New Roman",serif;letter-spacing:-.035em;margin:14px 0 17px}.hero h1 em,.welcome h2 em,.section h2 em,.admin-shell h1 em{color:#d5b780;font-weight:400}.hero p{color:#d5e0d7;max-width:430px;font-size:16px}.hero-chips{display:flex;gap:20px;flex-wrap:wrap;margin-top:32px;color:#e1c993;font-size:10px;letter-spacing:.1em}.welcome{display:flex;justify-content:space-between;align-items:center;padding:50px clamp(26px,7vw,76px) 32px}.welcome h2,.section h2{font-size:clamp(29px,3.8vw,43px);margin:8px 0 9px}.welcome h2 em,.section h2 em,.admin-shell h1 em{color:#ab874b}.welcome p{margin:0;color:var(--muted);max-width:570px}.welcome-emblem{font-size:90px;color:#d9d0b6;line-height:1}.quick-band{margin:0 clamp(26px,7vw,76px) 45px;padding:23px 26px;display:flex;justify-content:space-around;gap:20px;background:#f0efe7;border:1px solid #e8e7dd;border-radius:12px}.quick-band>div{display:flex;align-items:center;gap:12px}.mini-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e5e1d1;color:#9c7640;font-size:19px}.quick-band strong,.quick-band small{display:block;font-size:12px}.quick-band small{color:var(--muted)}.section{padding:8px clamp(26px,7vw,76px) 55px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:27px}.section-decoration{color:#bfa66c;font-size:38px}.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.service-card{border:1px solid #e9e8df;background:#fff;border-radius:15px;text-align:left;min-height:156px;padding:21px 15px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .16s,box-shadow .16s,border-color .16s;color:var(--ink)}.service-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(33,54,43,.09);border-color:#d8c8a5}.service-icon{font-family:Georgia,serif;font-size:28px;color:#ba9458;background:#f9f5eb;border-radius:12px;width:48px;height:48px;display:grid;place-items:center;margin-bottom:13px}.service-card strong{font-size:14px}.service-card small{font-size:11px;color:var(--muted);margin-top:4px}.care-card{background:radial-gradient(circle at 95% 0%,#385a47 0%,transparent 40%),linear-gradient(135deg,#112923,#25483b);color:#fff;display:flex;align-items:flex-start;gap:31px;margin:0 clamp(26px,7vw,76px) 40px;padding:38px;border-radius:17px}.care-icon{font-size:65px;line-height:1;color:#d1b680}.care-card h3{font:normal 33px/1.2 Georgia,serif;margin:9px 0}.care-card p{color:#d3dfd5;max-width:520px}.btn{border:0;border-radius:10px;padding:13px 19px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:45px;transition:filter .2s}.btn:hover{filter:brightness(.94)}.btn-gold{background:#d0b47e;color:#132d24}.btn-dark{background:var(--pine);color:#fff}.btn-outline{background:transparent;color:#e7dcbf;border:1px solid #667b6e}.btn-light{background:#edf2eb;color:#1a3a2f}.btn-small{font-size:12px;min-height:38px;padding:9px 13px}.btn-block{width:100%}.btn:disabled{opacity:.52;cursor:not-allowed}.bottom-wish{text-align:center;color:#948970;letter-spacing:.19em;font-size:10px;padding:0 24px 32px}.bottom-wish span{padding:0 13px;color:var(--gold)}.mobile-nav{display:none}.modal-root{position:fixed;z-index:20;inset:0;display:flex;align-items:center;justify-content:center;padding:18px}.modal-overlay{position:absolute;inset:0;background:rgba(4,20,16,.68);backdrop-filter:blur(6px)}.modal-sheet{position:relative;background:var(--paper);width:min(660px,100%);max-height:min(780px,91dvh);overflow-y:auto;border-radius:18px;box-shadow:var(--shadow);padding:25px 29px 30px}.modal-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:23px}.modal-top-mark{letter-spacing:.18em;font-size:11px;color:#67756d;font-weight:700}.modal-top-mark b{color:#ad8548}.close-btn{width:36px;height:36px;background:#e9e9e0;border:0;border-radius:50%;font-size:27px;color:var(--ink)}.modal-title{font:normal 34px/1.16 Georgia,serif;margin:0 0 9px;color:var(--pine)}.modal-intro{color:var(--muted);margin:0 0 24px;font-size:14px}.item-list{display:grid;gap:12px}.item-card{background:white;border:1px solid var(--line);border-radius:12px;padding:18px}.item-card h3{margin:0 0 7px;font-size:16px}.item-card p{margin:0 0 12px;color:var(--muted);font-size:13px}.item-header{display:flex;justify-content:space-between;align-items:start;gap:10px}.pill{display:inline-block;font-size:10px;border-radius:20px;padding:4px 9px;background:#edf0e7;color:#50654c;white-space:nowrap}.link-action{display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:700;color:#9f743d;border:0;background:transparent;padding:7px 0;cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:13px}.form-field.full{grid-column:1/-1}.form-field label{font-size:12px;font-weight:700}.form-field input,.form-field textarea,.form-field select,.admin-login input{width:100%;background:white;border:1px solid #d9dfd5;border-radius:9px;padding:12px;color:var(--ink);outline:none}.form-field textarea{resize:vertical;min-height:100px}.notice{background:#f3eddf;color:#765930;border:1px solid #e9dec2;padding:12px 14px;border-radius:9px;font-size:12px;margin:14px 0}.wifi-banner{background:linear-gradient(120deg,#18382e,#2f5645);border-radius:13px;padding:24px;color:#fff;margin-bottom:16px}.wifi-banner small{color:#d6c49d}.wifi-banner h3{font-size:22px;font-weight:500;margin:7px 0}.wifi-secret{background:#fff;border:1px dashed #bfb08b;border-radius:10px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0}.wifi-secret strong{overflow-wrap:anywhere}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.choice-btn{border:1px solid #d8dfd7;background:#fff;padding:10px 14px;border-radius:20px;font-size:12px}.choice-btn.active{background:#18392f;color:#fff;border-color:#18392f}.review-box{width:100%;min-height:160px;padding:14px;border-radius:11px;border:1px solid #d8dfd7;background:#fff;margin:10px 0}.modal-actions{display:flex;gap:9px;flex-wrap:wrap;margin:13px 0}.field-error{color:var(--red);font-size:12px;min-height:15px}.muted{color:var(--muted)}.empty-state{background:#fff;padding:24px;border:1px dashed #d5dcd2;border-radius:12px;text-align:center;color:var(--muted)}.toast{position:fixed;bottom:90px;left:50%;z-index:50;transform:translateX(-50%) translateY(30px);opacity:0;pointer-events:none;transition:.2s;background:#163a2e;color:#fff;padding:12px 20px;border-radius:11px;box-shadow:var(--shadow);max-width:90%;text-align:center}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.admin-header{max-width:none}.admin-preview{font-size:12px;color:#f4e5c7}.admin-page{background:#f4f5ef}.admin-shell{max-width:1160px;margin:auto;padding:45px clamp(20px,4vw,45px) 100px}.admin-login{max-width:480px;margin:30px auto;background:#fff;border:1px solid var(--line);padding:36px;border-radius:18px;box-shadow:0 15px 50px #182c2010}.admin-login h1{font-size:45px}.admin-login p{color:var(--muted)}.admin-login form{display:grid;gap:12px;margin-top:26px}.admin-login label{font-size:12px;font-weight:700}.admin-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.admin-intro h1{font-size:49px;margin:10px 0}.admin-intro p{color:var(--muted);margin:0}.admin-last{font-size:12px;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:25px}.stat-card{padding:18px;background:#fff;border:1px solid var(--line);border-radius:13px}.stat-card strong{display:block;font-size:29px;color:#213e32}.stat-card small{color:var(--muted)}.admin-tabs{display:flex;overflow-x:auto;gap:6px;border-bottom:1px solid var(--line);padding-bottom:9px;margin-bottom:20px}.admin-tabs button{background:transparent;border:0;white-space:nowrap;padding:10px 14px;color:#617168;border-radius:8px;font-weight:650;font-size:12px}.admin-tabs button.active{background:#193b31;color:#fff}.admin-panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:23px;min-height:300px}.panel-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px}.panel-head h2{font:normal 29px Georgia,serif;margin:0}.panel-head p{margin:5px 0 0;font-size:13px;color:var(--muted)}.row-table{width:100%;border-collapse:collapse;font-size:13px}.row-table th,.row-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #edf0eb;vertical-align:top}.row-table th{color:#62736b;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.table-scroll{overflow-x:auto}.row-table td{max-width:290px;overflow-wrap:anywhere}.admin-controls{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.icon-btn{border:1px solid var(--line);background:#f5f7f2;border-radius:7px;padding:7px 10px;font-size:12px}.icon-btn.danger{color:#a3433c}.status-select{border:1px solid var(--line);border-radius:6px;padding:6px;background:#fff;max-width:130px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 15px}.settings-grid .form-field{min-width:0}.muted-hint{color:#6e7e73;font-size:11px}.check-row{display:flex;align-items:center;gap:8px;margin:10px 0;font-size:13px}.tiny-status{border-radius:25px;padding:4px 9px;font-size:10px;background:#edf2e9;color:#346142}.tiny-status.off{background:#f5e8e5;color:#9b4945}@media(max-width:800px){.services-grid{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}.welcome-emblem{display:none}}@media(max-width:600px){.header{height:72px;padding:0 20px}.logo-mark{width:38px;height:38px;font-size:14px}.logo-type{font-size:12px;letter-spacing:.16em}.logo-type small{font-size:7px}.room-tag{display:none}.hero{min-height:362px}.hero-content{padding:48px 26px 45px}.hero h1{font-size:41px}.hero-chips{font-size:9px;gap:12px;margin-top:22px}.welcome{padding:35px 23px 24px}.welcome h2,.section h2{font-size:32px}.welcome p{font-size:13px}.quick-band{margin:0 17px 30px;padding:15px 8px;gap:7px}.quick-band>div{gap:6px}.mini-icon{width:27px;height:27px;font-size:15px}.quick-band strong,.quick-band small{font-size:10px}.section{padding:8px 17px 32px}.section-heading{padding:0 5px;margin-bottom:21px}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.service-card{min-height:140px;padding:14px 11px;border-radius:13px}.service-icon{width:42px;height:42px;font-size:24px;margin-bottom:11px}.service-card strong{font-size:12px;line-height:1.3}.service-card small{font-size:10px;line-height:1.3}.care-card{margin:5px 17px 20px;padding:25px;gap:13px}.care-icon{font-size:36px}.care-card h3{font-size:27px}.care-card p{font-size:13px}.bottom-wish{padding-bottom:97px}.mobile-nav{position:fixed;z-index:10;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#fff;border-top:1px solid #e8e9e3;padding:9px 7px max(9px,env(safe-area-inset-bottom));box-shadow:0 -5px 18px #10241c15}.mobile-nav button{background:none;border:0;font-size:10px;color:#52695d;display:flex;align-items:center;flex-direction:column;gap:1px;min-width:60px}.mobile-nav span{font-size:23px;color:#a88852}.modal-root{padding:0;align-items:flex-end}.modal-sheet{width:100%;border-radius:22px 22px 0 0;max-height:93dvh;padding:19px 20px 30px}.modal-title{font-size:30px}.form-grid,.settings-grid{grid-template-columns:1fr}.admin-shell{padding:26px 14px 65px}.admin-login{padding:24px}.admin-intro h1{font-size:39px}.admin-last{display:none}.admin-panel{padding:16px}.panel-head{align-items:flex-start}.panel-head h2{font-size:24px}.admin-preview{display:none}}@media(max-width:360px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

.demo-banner{background:#fae6c8;color:#62461e;padding:10px 25px;text-align:center;font-size:12px;font-weight:650;letter-spacing:.02em;border-bottom:1px solid #e2c89c}


/* v1.1 luxury card refresh */
body{background:radial-gradient(circle at top,#f8f4ea 0,#f8f7f2 32%,#f2f3ed 100%)}
.quick-band{background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(245,242,233,.96));backdrop-filter:blur(14px);border:1px solid rgba(211,198,165,.55);border-radius:18px;box-shadow:0 14px 35px rgba(25,49,41,.06)}
.quick-band>div{padding:6px 10px;border-radius:14px;transition:transform .16s ease,background .16s ease}
.quick-band>div:hover{transform:translateY(-2px);background:rgba(255,255,255,.55)}
.mini-icon{width:42px;height:42px;background:linear-gradient(145deg,#fff9eb,#e9dec3);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 20px rgba(162,131,73,.14)}
.section-heading{margin-bottom:32px}
.services-grid{gap:18px}
.service-card{position:relative;overflow:hidden;min-height:206px;padding:18px;border-radius:22px;border:1px solid rgba(214,199,164,.55);background:linear-gradient(180deg,#fffefb 0%,#fbfaf5 100%);box-shadow:0 16px 38px rgba(17,39,31,.08),inset 0 1px 0 rgba(255,255,255,.95)}
.service-card:hover{transform:translateY(-6px);box-shadow:0 24px 42px rgba(17,39,31,.12),0 0 0 1px rgba(206,174,114,.26);border-color:#d5bc89}
.service-card::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,#0f2b24,#d3b173 55%,#f0dfb2)}
.service-card::after{content:"";position:absolute;right:-28px;top:-28px;width:112px;height:112px;border-radius:50%;background:radial-gradient(circle,#f5e6bf 0,rgba(245,230,191,.6) 35%,rgba(245,230,191,0) 72%);opacity:.75}
.service-glow{position:absolute;left:-25px;bottom:-35px;width:95px;height:95px;border-radius:50%;background:radial-gradient(circle,rgba(20,58,46,.11) 0,rgba(20,58,46,0) 72%)}
.service-card-top,.service-card-bottom{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px}
.service-copy{position:relative;z-index:1;margin:18px 0 16px;display:grid;gap:7px}
.service-icon{width:56px;height:56px;min-width:56px;font-size:29px;border-radius:18px;background:linear-gradient(145deg,#fff6e0,#ead4a4);color:#785726;box-shadow:0 14px 30px rgba(182,146,78,.22),inset 0 1px 0 rgba(255,255,255,.95);margin-bottom:0}
.service-kicker{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#8b7350;background:rgba(255,249,235,.84);padding:8px 10px;border-radius:999px;border:1px solid rgba(212,194,153,.7)}
.service-card strong{font-size:18px;line-height:1.25;color:#143228}
.service-card small{font-size:12px;line-height:1.55;color:#66756d;margin-top:0;display:block}
.service-card-bottom{padding-top:13px;border-top:1px solid rgba(221,225,214,.9)}
.service-meta{font-size:12px;font-weight:700;color:#8d7240;letter-spacing:.03em}
.service-arrow{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#17392f;color:#f5e6c4;font-size:18px;box-shadow:0 10px 20px rgba(23,57,47,.18)}
.service-wifi .service-icon,.service-review .service-icon,.service-management .service-icon,.service-reception .service-icon,.service-instagram .service-icon{background:linear-gradient(145deg,#fff8e7,#f0dbb0)}
.care-card{border:1px solid rgba(209,184,127,.32);border-radius:24px;box-shadow:0 20px 45px rgba(14,34,28,.12)}
.care-card .btn-gold{box-shadow:0 14px 28px rgba(205,175,112,.24)}
@media(max-width:600px){
  .services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .service-card{min-height:188px;padding:15px;border-radius:19px}
  .service-card strong{font-size:15px}
  .service-card small{font-size:11px;line-height:1.45}
  .service-icon{width:48px;height:48px;min-width:48px;font-size:25px;border-radius:15px}
  .service-kicker{font-size:9px;padding:7px 8px;letter-spacing:.13em}
  .service-arrow{width:32px;height:32px;font-size:16px}
  .quick-band{border-radius:16px;padding:14px 10px}
}
@media(max-width:360px){
  .services-grid{grid-template-columns:1fr}
}
