:root{
    --lux-bg:#04131d;
    --lux-bg-2:#071e2b;
    --lux-panel:#0a2635;
    --lux-panel-2:#0d3040;
    --lux-teal:#1aa5a5;
    --lux-teal-soft:#65d6d1;
    --lux-gold:#d7b77a;
    --lux-gold-soft:#ead6ad;
    --lux-cream:#f6f2e9;
    --lux-white:#ffffff;
    --lux-ink:#10242f;
    --lux-muted:#8fa6b2;
    --lux-border:rgba(255,255,255,.10);
    --lux-shadow:0 24px 70px rgba(0,0,0,.28);
}
html{scroll-behavior:smooth}
body{
    background:
        radial-gradient(circle at 88% 5%,rgba(26,165,165,.13),transparent 26%),
        radial-gradient(circle at 8% 28%,rgba(215,183,122,.06),transparent 22%),
        linear-gradient(145deg,var(--lux-bg),var(--lux-bg-2));
    letter-spacing:.01em;
}
.topbar{
    background:rgba(4,19,29,.88);
    backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(215,183,122,.12);
}
.brand{
    font-family:Georgia,"Times New Roman",serif;
    letter-spacing:.2px;
}
.brand span{
    background:linear-gradient(145deg,#0f7d83,#164c57);
    border:1px solid rgba(215,183,122,.42);
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 8px 22px rgba(0,0,0,.22);
    color:var(--lux-cream);
}
.topbar nav a,.account a,.account button{transition:.2s ease}
.topbar nav a:hover,.account a:hover,.account button:hover{color:var(--lux-gold-soft)}
.hero{
    background:
        radial-gradient(circle at 78% 44%,rgba(26,165,165,.18),transparent 28%),
        linear-gradient(180deg,rgba(255,255,255,.01),transparent);
}
.hero h1,.section-head h1,.section-head h2,.form-card h1,.detail-info h1{
    font-family:Georgia,"Times New Roman",serif;
    font-weight:500;
    letter-spacing:-.025em;
}
.eyebrow{
    color:var(--lux-gold);
    letter-spacing:2px;
}
.btn{
    background:linear-gradient(115deg,#0b747d,#128e90);
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 10px 24px rgba(0,0,0,.16);
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.btn:hover{
    transform:translateY(-1px);
    box-shadow:0 14px 30px rgba(0,0,0,.22);
    border-color:rgba(215,183,122,.46);
}
.btn.ghost{
    background:transparent;
    border:1px solid rgba(215,183,122,.30);
    color:var(--lux-cream);
}
.luxury-primary{
    background:linear-gradient(120deg,#0b747d,#159496);
    border-color:rgba(215,183,122,.42);
}
.hero-card,.panel,.conversation-list,.chat-panel{
    background:linear-gradient(145deg,rgba(10,38,53,.96),rgba(7,29,42,.96));
    border-color:rgba(215,183,122,.12);
    box-shadow:var(--lux-shadow);
}
.big-m{
    border-color:rgba(215,183,122,.56);
    color:var(--lux-gold-soft);
    box-shadow:0 0 38px rgba(26,165,165,.12);
}
.division-card,.product-card,.stat,.form-card,.table-card{
    box-shadow:0 18px 48px rgba(0,0,0,.16);
}
.division-card{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(215,183,122,.15);
    transition:transform .2s ease,box-shadow .2s ease;
}
.division-card:before{
    content:"";
    position:absolute;
    left:0;right:0;top:0;height:2px;
    background:linear-gradient(90deg,var(--lux-gold),var(--lux-teal));
    opacity:.8;
}
.division-card:hover{
    transform:translateY(-3px);
    box-shadow:0 24px 54px rgba(0,0,0,.20);
}
.division-card .icon{
    background:linear-gradient(145deg,#edf6f4,#f7f1e6);
    border:1px solid #e6ddc9;
}
.product-card{
    border:1px solid rgba(215,183,122,.12);
}
.product-image{
    background:linear-gradient(135deg,#dfe9e6,#f4eee3);
}
.product-body strong,.text-link,.panel-head a,.table-card a{
    color:#087f83;
}
.connect-banner{
    background:
        radial-gradient(circle at 90% 20%,rgba(26,165,165,.13),transparent 30%),
        linear-gradient(145deg,#092535,#071d2b);
    border-color:rgba(215,183,122,.16);
    box-shadow:var(--lux-shadow);
}
.form-card,.table-card{
    border:1px solid rgba(215,183,122,.14);
}
.form-card input,.form-card select,.form-card textarea,
.form-stack input,.form-stack select,.form-stack textarea,
.filters input,.filters select{
    border-color:#d7e0e4;
    background:#fbfcfc;
    transition:border-color .18s ease,box-shadow .18s ease;
}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus,
.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,
.filters input:focus,.filters select:focus{
    outline:none;
    border-color:#6abfbd;
    box-shadow:0 0 0 3px rgba(26,165,165,.10);
}
.stat{
    border-top:2px solid rgba(215,183,122,.55);
}
.admin-side{
    background:
        radial-gradient(circle at 10% 4%,rgba(215,183,122,.08),transparent 24%),
        #031723;
    border-right:1px solid rgba(215,183,122,.10);
}
.admin-side h3{
    font-family:Georgia,"Times New Roman",serif;
    font-weight:500;
    color:var(--lux-cream);
}
.admin-side a:hover{
    background:linear-gradient(90deg,rgba(18,142,144,.26),rgba(215,183,122,.05));
    color:var(--lux-gold-soft);
}
.admin-main{
    background:
        radial-gradient(circle at 80% 0%,rgba(26,165,165,.06),transparent 24%);
}
.luxury-page-head p{
    color:var(--lux-muted);
    margin:7px 0 0;
}
.luxury-form{
    max-width:900px;
    padding:26px;
}
.form-section-title{
    display:flex;
    gap:12px;
    align-items:center;
    padding:18px 0 10px;
    border-bottom:1px solid rgba(255,255,255,.08);
    margin:2px 0 6px;
}
.form-section-title:first-child{padding-top:2px}
.form-section-title>span{
    width:34px;height:34px;border-radius:50%;
    display:grid;place-items:center;
    border:1px solid rgba(215,183,122,.45);
    color:var(--lux-gold-soft);
    font-size:9px;
    font-weight:800;
}
.form-section-title strong{display:block;color:#fff;font-size:13px}
.form-section-title small{display:block;color:#8fa6b2;margin-top:2px}
.logic-note{
    margin:4px 0 8px;
    padding:12px 14px;
    border-radius:10px;
    background:linear-gradient(90deg,rgba(26,165,165,.10),rgba(215,183,122,.05));
    border:1px solid rgba(101,214,209,.14);
    color:#bdd0d8;
    font-size:10px;
}
.logic-note strong{color:var(--lux-gold-soft)}
.luxury-check{
    padding:12px;
    border-radius:10px;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.07);
}
.luxury-check span{display:flex;flex-direction:column}
.luxury-check small{color:#8fa6b2;margin-top:2px}
.form-actions{
    display:flex;
    justify-content:flex-end;
    gap:9px;
    padding-top:14px;
}
.service-booking-wrap{
    background:
        radial-gradient(circle at 50% 5%,rgba(26,165,165,.08),transparent 28%);
}
.luxury-service-card{
    position:relative;
    overflow:hidden;
}
.luxury-service-card:before{
    content:"";
    position:absolute;left:0;right:0;top:0;height:3px;
    background:linear-gradient(90deg,var(--lux-gold),var(--lux-teal));
}
.service-icon{
    width:54px;height:54px;border-radius:15px;
    display:grid;place-items:center;
    background:linear-gradient(145deg,#edf6f4,#f5eee2);
    border:1px solid #e2d8c5;
    font-size:24px;
    margin-bottom:15px;
}
.luxury-intro{
    color:#667b86;
    line-height:1.65;
    margin-top:-4px;
}
.field-help{
    display:block;
    font-weight:400;
    color:#81939c;
    margin-top:5px;
}
.app-download-strip{
    border-color:rgba(215,183,122,.20)!important;
    background:linear-gradient(145deg,rgba(4,22,32,.88),rgba(8,42,51,.78))!important;
    box-shadow:0 16px 36px rgba(0,0,0,.18);
}
.store-badge{
    border-color:rgba(215,183,122,.22)!important;
}
.footer{
    border-top-color:rgba(215,183,122,.10);
    background:rgba(2,14,22,.28);
}
@media(max-width:620px){
    .luxury-form{padding:18px}
    .form-actions{display:grid;grid-template-columns:1fr}
    .form-actions .btn{text-align:center}
}