@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,system-ui,sans-serif;color:#f4f4f1;background-color:#002d20;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--canvas: #002d20;--ink: #f4f4f1;--muted: #c7c2b4;--accent: #c5a059;--accent-strong: #b8924f;--soft: #0b1f18;--glass: rgba(11, 31, 24, .86);--shadow: 0 20px 60px rgba(0, 14, 10, .7)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#083526,#002d20 55%,#001a12);color:var(--ink)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.page{padding:48px 6vw 80px;max-width:1200px;margin:0 auto}.page.salon{padding-bottom:140px}.hero{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;position:relative}.hero:before{content:"";position:absolute;inset:-40px;background:url(/mda.png) center/contain no-repeat;opacity:.18;mix-blend-mode:screen;filter:brightness(1.4) contrast(1.1);pointer-events:none}.hero>*{position:relative;z-index:1}.hero h1{font-family:"Instrument Serif",serif;font-size:clamp(2.5rem,4vw,4rem);margin:0 0 16px}.hero-subtitle{color:var(--muted);font-size:1.1rem;margin-bottom:24px}.salon-title{display:flex;align-items:center;gap:16px}.salon-logo{width:56px;height:56px;border-radius:14px;object-fit:cover;border:1px solid rgba(245,243,236,.2)}.eyebrow{font-size:.9rem;letter-spacing:.2em;font-weight:600;color:var(--muted);text-transform:uppercase}.brand-row{display:inline-flex;align-items:center;gap:12px;position:relative}.brand-menu{border:1px solid rgba(245,243,236,.2);background:#f5f3ec14;border-radius:12px;padding:6px;cursor:pointer}.brand-icon{width:28px;height:28px;object-fit:contain;display:block}.brand-dropdown{position:absolute;top:40px;left:0;background:#0b1f18f2;border:1px solid rgba(197,160,89,.35);border-radius:14px;padding:10px 12px;display:grid;gap:8px;min-width:200px;z-index:10}.brand-dropdown a{color:var(--ink);font-size:.9rem}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.user-badge{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:10px 16px;border-radius:999px;background:#f5f3ec14;width:fit-content}.user-badge span{font-weight:600;color:var(--muted)}.btn{border-radius:999px;padding:12px 22px;border:1px solid transparent;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn-icon{display:inline-flex;align-items:center;gap:10px}.btn-icon .icon{width:18px;height:18px;display:inline-flex}.btn-icon svg{width:100%;height:100%}.install-btn{margin-top:12px;width:fit-content}.legal-note{margin-top:12px;font-size:.85rem;color:var(--muted);max-width:520px}.ios-note{margin-top:6px}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#1a1a1a;box-shadow:0 12px 26px #c5a05959}.btn.ghost{border-color:#f5f3ec80;background:transparent;color:var(--ink)}.admin .btn.ghost{background:#f5f3ec14;border-color:#f5f3ecb3;color:var(--ink)}.admin .btn.primary{box-shadow:0 12px 26px #c1993a59}.btn:hover{transform:translateY(-2px)}.hero-card{position:relative;border-radius:28px;overflow:hidden;background:var(--soft);box-shadow:var(--shadow);padding:28px;min-height:220px}.hero-mock img{width:100%;max-width:360px;margin:0 auto;display:block;border-radius:28px;box-shadow:var(--shadow)}.card-glow{position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(197,160,89,.45),transparent 60%);opacity:.95}.card-body{position:relative}.card-title{font-size:1.4rem;font-weight:700;margin:0 0 4px}.card-subtitle{margin:0 0 16px;color:var(--muted)}.card-badges{display:flex;flex-wrap:wrap;gap:8px}.card-badges span{background:#f5f3ec1a;padding:6px 12px;border-radius:999px;font-size:.85rem}.section-title{grid-column:1 / -1}.plans{display:grid;gap:16px}.plan-card{background:var(--soft);border-radius:18px;padding:20px;box-shadow:0 16px 30px #05080766;display:grid;gap:8px}.plan-card.highlight{border:1px solid rgba(245,243,236,.2);background:linear-gradient(135deg,#2a6b4633,#c1993a26)}.section{margin-top:56px}.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.feature{padding:20px;background:var(--soft);border-radius:20px;box-shadow:0 16px 30px #05080766}.feature h3{margin:0 0 8px}.split{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}.contact-section .glass-panel{display:grid;gap:16px}.list{list-style:none;padding:0;margin:16px 0 0}.list li{padding:10px 0;border-bottom:1px solid rgba(13,15,18,.08)}.glass-panel{background:var(--glass);border-radius:24px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.pill{display:inline-flex;padding:6px 14px;border-radius:999px;background:#f3c84b47;font-weight:600;margin-top:16px}.booking-card{background:var(--soft);border-radius:18px;padding:16px;box-shadow:0 12px 24px #05080766;display:grid;gap:12px}.booking-card label{font-size:.9rem;color:var(--muted)}.booking-card input,.booking-card select,.booking-card textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(245,243,236,.2);font-family:inherit;background:#0f1411;color:var(--ink)}.salon-hero{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;margin-bottom:32px}.salon-hero-media img{border-radius:28px;box-shadow:var(--shadow)}.staff-list{display:grid;gap:16px}.staff-card{display:flex;gap:12px;align-items:center}.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#2f7a4f,#f0c44a)}.staff-name{font-weight:600;margin:0}.staff-role{margin:0;color:var(--muted);font-size:.9rem}.back-link{display:inline-block;margin-bottom:24px;color:var(--muted)}.loading{font-size:1.1rem;color:var(--muted)}.admin-header{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:24px}.admin-actions{display:flex;gap:12px;align-items:center}.admin-toolbar{display:grid;gap:16px;margin-bottom:24px}.admin-toolbar select{margin-top:6px;padding:10px 12px;border-radius:12px;border:1px solid rgba(245,243,236,.2);background:#0f1411;color:var(--ink)}.admin-tabs{display:flex;gap:10px;flex-wrap:wrap}.tab{padding:8px 14px;border-radius:999px;border:1px solid rgba(245,243,236,.45);background:#f5f3ec1f;cursor:pointer;color:var(--ink)}.tab.active{background:#c5a05938;border-color:#c5a059b3;font-weight:600}.template-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.template-card{display:grid;gap:8px;padding:10px;border-radius:14px;border:1px solid rgba(245,243,236,.15);background:#f5f3ec0d;color:var(--ink);cursor:pointer}.template-swatch{height:60px;border-radius:10px}.preview-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.preview-card{display:grid;gap:8px;padding:12px;border-radius:12px;border:1px solid rgba(245,243,236,.12);background:#f5f3ec0a}.preview-card img{width:100%;border-radius:8px;object-fit:cover}.bottom-nav{position:fixed;left:50%;bottom:24px;transform:translate(-50%);display:grid;grid-template-columns:repeat(4,minmax(60px,1fr));gap:8px;padding:12px 16px;border-radius:999px;background:#002d20e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(197,160,89,.2);max-width:min(560px,92vw);z-index:15}.bottom-nav a{display:grid;gap:4px;justify-items:center;font-size:.8rem;color:var(--muted)}.bottom-nav .nav-icon{width:22px;height:22px}.bottom-nav svg{width:100%;height:100%}.demo-banner{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#c5a05933;border:1px solid rgba(197,160,89,.5);color:var(--ink);font-size:.85rem;margin-bottom:16px}.preview-surface{display:grid;gap:8px}.toast{position:fixed;top:24px;right:24px;padding:12px 18px;border-radius:12px;background:#c5a059eb;color:var(--ink);box-shadow:0 12px 24px #05080780;z-index:20}.progress-card{background:var(--soft);border-radius:18px;padding:16px;box-shadow:0 12px 24px #05080766}.checklist{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px}.checklist li{display:flex;align-items:center;gap:8px;color:var(--muted)}.checklist li.done{color:var(--ink);font-weight:600}.admin-panel,.admin-list{display:grid;gap:24px}@media(max-width:720px){.page{padding:32px 6vw 64px}.hero-actions{flex-direction:column;align-items:stretch}}