:root{
  --ink:#15130f;
  --muted:#6f675c;
  --cream:#f5efe3;
  --paper:#fbf6ed;
  --soft:#fff9ef;
  --dark:#070706;
  --lime:#d9ff4f;
  --blue:#65dbff;
  --green:#25d366;
  --orange:#ffb24a;
  --red:#ff6767;
  --line:rgba(21,19,15,.12);
  --white-line:rgba(255,255,255,.16);
  --shadow:0 28px 90px rgba(0,0,0,.18);
  --shadow-dark:0 28px 90px rgba(0,0,0,.46);
  --max:1200px;
  --display:Inter,Arial,sans-serif;
  --body:Inter,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--cream);overflow-x:hidden}
body{margin:0;font-family:var(--body);color:var(--ink);background:
  radial-gradient(circle at 90% 5%,rgba(217,255,79,.38),transparent 28%),
  radial-gradient(circle at 8% 40%,rgba(101,219,255,.22),transparent 28%),
  linear-gradient(180deg,#f7f0e3,#fbf6ed 45%,#f5efe3);line-height:1.7;overflow-x:hidden}
a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}section[id]{scroll-margin-top:110px}
.wrap{width:min(var(--max),calc(100% - 32px));margin:0 auto;position:relative;z-index:2}
.topbar{position:sticky;top:0;z-index:50;background:rgba(251,246,237,.78);backdrop-filter:blur(22px);border-bottom:1px solid rgba(21,19,15,.10)}
.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:12px;font-weight:950;letter-spacing:-.04em}.brand img{width:48px;height:48px;border-radius:16px;box-shadow:0 14px 32px rgba(0,0,0,.14)}.brand span{display:block;line-height:1}.brand small{display:block;color:var(--muted);font-weight:850;font-size:.73rem;letter-spacing:0}
.menu{display:flex;align-items:center;gap:4px;padding:7px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.46)}.menu a{padding:9px 13px;border-radius:999px;font-size:.86rem;font-weight:900;color:#36312a;transition:.2s}.menu a:hover,.menu a.active{background:var(--ink);color:var(--soft)}
.nav-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;border-radius:999px;min-height:52px;padding:14px 22px;font-weight:950;cursor:pointer;transition:.22s;white-space:nowrap}.btn:hover{transform:translateY(-3px)}.btn-dark{background:var(--ink);color:var(--soft);box-shadow:0 18px 45px rgba(0,0,0,.18)}.btn-lime{background:linear-gradient(135deg,#efff8c,var(--lime));color:#11120e;box-shadow:0 18px 45px rgba(217,255,79,.24)}.btn-soft{background:rgba(255,255,255,.62);border:1px solid var(--line);color:var(--ink)}.btn-green{background:linear-gradient(135deg,#6cff9f,#25d366);color:#041207;box-shadow:0 18px 45px rgba(37,211,102,.26)}
.hamburger{display:none;width:50px;height:50px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.62);place-items:center;cursor:pointer}.hamburger span,.hamburger span:before,.hamburger span:after{content:"";display:block;width:22px;height:2px;border-radius:99px;background:var(--ink);position:relative;transition:.2s}.hamburger span:before{position:absolute;top:-7px}.hamburger span:after{position:absolute;top:7px}.hamburger.open span{background:transparent}.hamburger.open span:before{top:0;transform:rotate(45deg)}.hamburger.open span:after{top:0;transform:rotate(-45deg)}
.mobile-menu{position:fixed;top:92px;left:16px;right:16px;z-index:60;padding:12px;border:1px solid var(--line);border-radius:28px;background:rgba(251,246,237,.96);box-shadow:var(--shadow);backdrop-filter:blur(20px);opacity:0;pointer-events:none;transform:translateY(-12px);transition:.22s}.mobile-menu.show{opacity:1;pointer-events:auto;transform:none}.mobile-menu a{display:block;padding:14px;border-radius:18px;font-weight:900}.mobile-menu a:hover{background:rgba(21,19,15,.06)}
.hero{padding:88px 0 76px;position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr .95fr;gap:44px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.74rem;text-transform:uppercase;letter-spacing:.18em;font-weight:950}.eyebrow:before{content:"";width:34px;height:2px;background:linear-gradient(90deg,var(--ink),transparent);border-radius:99px}.hero h1,.section-head h2,.panel h2,.auth-card h1{font-size:clamp(3rem,7vw,7.2rem);letter-spacing:-.09em;line-height:.82;margin:18px 0 24px;font-weight:950}.hero p,.section-head p{color:var(--muted);font-size:1.05rem;max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hero-tags span,.pill{border:1px solid var(--line);background:rgba(255,255,255,.55);border-radius:999px;padding:8px 11px;font-weight:900;font-size:.8rem;color:#3b352f}
.hero-card{border-radius:42px;background:#090a0a;color:var(--soft);box-shadow:var(--shadow-dark);border:1px solid var(--white-line);padding:18px;position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 8%,rgba(217,255,79,.24),transparent 32%),radial-gradient(circle at 10% 80%,rgba(101,219,255,.18),transparent 30%);pointer-events:none}.browser{height:48px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.10);position:relative;z-index:2}.browser i{width:10px;height:10px;border-radius:99px;background:rgba(255,255,255,.34)}.booking-preview{position:relative;z-index:2;padding:24px;display:grid;gap:16px}.preview-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.preview-top h3{font-size:2.3rem;line-height:.9;letter-spacing:-.07em;margin:0}.status{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 11px;background:rgba(37,211,102,.13);color:#93ffb8;font-weight:950;font-size:.78rem}.status:before{content:"";width:8px;height:8px;border-radius:99px;background:#25d366;box-shadow:0 0 0 5px rgba(37,211,102,.15)}.slot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.slot,.date-tile{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.07);border-radius:18px;padding:13px;font-weight:900}.slot.active,.date-tile.active{background:var(--lime);color:#10110c}.mini-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini-stat{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);border-radius:22px;padding:16px}.mini-stat b{display:block;color:var(--lime);font-size:1.6rem;line-height:1}.mini-stat span{color:rgba(255,249,239,.64);font-size:.78rem;font-weight:800}.section{padding:96px 0}.section-head{max-width:760px;margin-bottom:42px}.section-head.center{text-align:center;margin-inline:auto}.section-head h2{font-size:clamp(2.5rem,5.2vw,5.5rem)}.section-head.center p{margin-inline:auto}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:34px;background:rgba(255,255,255,.58);box-shadow:0 20px 60px rgba(0,0,0,.10);padding:26px;position:relative;overflow:hidden}.card.dark{background:#090a0a;color:var(--soft);border-color:var(--white-line);box-shadow:var(--shadow-dark)}.card h3{font-size:1.45rem;letter-spacing:-.05em;line-height:1;margin:14px 0 12px}.card p,.muted{color:var(--muted)}.dark p,.dark .muted{color:rgba(255,249,239,.68)}.icon{width:52px;height:52px;border-radius:18px;background:var(--ink);color:var(--soft);display:grid;place-items:center;font-weight:950}.dark .icon{background:var(--lime);color:#11120e}.card-list{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.card-list li{display:flex;gap:10px;align-items:flex-start;color:var(--muted)}.dark .card-list li{color:rgba(255,249,239,.72)}.card-list li:before{content:"✓";width:22px;height:22px;display:grid;place-items:center;border-radius:8px;background:rgba(21,19,15,.08);font-weight:950;color:var(--ink);flex:0 0 auto}.dark .card-list li:before{background:rgba(217,255,79,.16);color:var(--lime)}
.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:26px;align-items:stretch}.panel{border:1px solid var(--line);border-radius:42px;background:rgba(251,246,237,.76);box-shadow:var(--shadow);padding:clamp(28px,5vw,50px)}.panel h2{font-size:clamp(2.4rem,5vw,5.1rem)}.mock-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.mock-calendar span{min-height:58px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.58);padding:8px;font-weight:900}.mock-calendar .busy{background:linear-gradient(135deg,#efff8c,var(--lime))}.mock-calendar .done{background:rgba(37,211,102,.17)}.mock-calendar .blank{opacity:.45}.timeline{display:flex;flex-direction:column;gap:14px}.time-item{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:flex-start}.time-item time{font-weight:950;color:var(--muted)}.time-card{border:1px solid var(--line);border-radius:22px;padding:16px;background:rgba(255,255,255,.55)}.time-card b{display:block}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{border:1px solid var(--line);border-radius:36px;background:rgba(255,255,255,.58);padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.10)}.price-card.featured{background:#090a0a;color:var(--soft);border-color:var(--white-line);transform:translateY(-12px)}.price{font-size:3rem;font-weight:950;letter-spacing:-.08em;line-height:1;margin:12px 0}.price small{font-size:.9rem;color:var(--muted);letter-spacing:0}.featured .price small,.featured p{color:rgba(255,249,239,.68)}
.page-hero{padding:70px 0 44px}.page-hero h1{font-size:clamp(2.8rem,6vw,6.4rem);letter-spacing:-.09em;line-height:.82;margin:18px 0 20px}.page-hero p{color:var(--muted);max-width:760px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:22px}.filters{display:flex;gap:10px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:rgba(255,255,255,.62);border-radius:999px;padding:10px 13px;font-weight:900;cursor:pointer}.filter.active{background:var(--ink);color:var(--soft)}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{border:1px solid var(--line);border-radius:34px;background:rgba(255,255,255,.60);box-shadow:0 20px 60px rgba(0,0,0,.10);padding:24px;display:flex;flex-direction:column;gap:16px}.service-art{height:170px;border-radius:26px;background:radial-gradient(circle at 82% 12%,rgba(217,255,79,.60),transparent 34%),linear-gradient(135deg,#10110e,#29313a);position:relative;overflow:hidden}.service-art:after{content:"";position:absolute;left:22px;right:22px;bottom:22px;height:74px;border-radius:24px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px)}.meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.84rem;font-weight:850}.rating{color:#1b160f;font-weight:950}.form-shell{display:grid;grid-template-columns:1fr .72fr;gap:24px;align-items:start}.form-card{border:1px solid var(--line);border-radius:38px;background:rgba(255,255,255,.62);box-shadow:var(--shadow);padding:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-group.full{grid-column:1/-1}.field-group label{display:block;margin-bottom:8px;font-size:.82rem;font-weight:950;color:#3a332b}.field{width:100%;border:1px solid var(--line);border-radius:18px;padding:14px 15px;background:rgba(255,255,255,.72);outline:none}.field:focus{border-color:rgba(21,19,15,.35);box-shadow:0 0 0 5px rgba(217,255,79,.25);background:#fffaf0}textarea.field{min-height:136px;resize:vertical}.summary-card{position:sticky;top:112px;border:1px solid var(--line);border-radius:36px;background:#090a0a;color:var(--soft);box-shadow:var(--shadow-dark);padding:26px}.summary-card p{color:rgba(255,249,239,.68)}.summary-row{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(255,255,255,.10);padding:13px 0}.summary-row b:last-child{color:var(--lime)}.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.booking-slot{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.66);padding:12px;text-align:center;font-weight:950;cursor:pointer}.booking-slot.selected{background:var(--ink);color:var(--soft)}
.dashboard{display:grid;grid-template-columns:270px 1fr;gap:24px;align-items:start}.sidebar{position:sticky;top:106px;border:1px solid var(--line);border-radius:34px;background:rgba(255,255,255,.64);box-shadow:0 20px 60px rgba(0,0,0,.10);padding:18px}.side-profile{display:flex;gap:12px;align-items:center;margin-bottom:18px}.avatar{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,var(--lime),var(--blue));display:grid;place-items:center;font-weight:950}.side-nav{display:flex;flex-direction:column;gap:8px}.side-nav a{padding:12px 13px;border-radius:16px;font-weight:900;color:#3d352e}.side-nav a.active,.side-nav a:hover{background:var(--ink);color:var(--soft)}.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat{border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.62);box-shadow:0 16px 45px rgba(0,0,0,.08);padding:20px}.stat b{font-size:2rem;letter-spacing:-.06em;line-height:1}.stat span{display:block;color:var(--muted);font-weight:850;font-size:.82rem}.table-card{border:1px solid var(--line);border-radius:34px;background:rgba(255,255,255,.62);box-shadow:0 20px 60px rgba(0,0,0,.09);overflow:hidden}.table-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:16px 22px;border-bottom:1px solid rgba(21,19,15,.08)}.table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.badge{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:.76rem;font-weight:950}.badge.confirmed{background:rgba(37,211,102,.14);color:#107037}.badge.pending{background:rgba(255,178,74,.18);color:#825010}.badge.cancelled{background:rgba(255,103,103,.14);color:#8b2020}.badge.blue{background:rgba(101,219,255,.18);color:#16647a}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lane{border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.58);padding:16px}.lane h3{margin:0 0 14px}.task{border:1px solid rgba(21,19,15,.09);border-radius:22px;background:#fffaf0;padding:16px;margin-bottom:12px}.task b{display:block}.task small{color:var(--muted);font-weight:850}.calendar-page{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.big-calendar{border:1px solid var(--line);border-radius:36px;background:rgba(255,255,255,.62);padding:20px;box-shadow:var(--shadow)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.calendar-day,.calendar-label{min-height:88px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.70);padding:10px;font-weight:900}.calendar-label{min-height:auto;background:transparent;border:none;color:var(--muted);font-size:.78rem;text-transform:uppercase}.calendar-day .booking-dot{display:block;width:100%;margin-top:10px;border-radius:999px;background:rgba(217,255,79,.75);font-size:.7rem;padding:4px 7px;color:#15130f}.auth-wrap{min-height:calc(100vh - 82px);display:grid;place-items:center;padding:54px 0}.auth-card{width:min(520px,calc(100% - 32px));border:1px solid var(--line);border-radius:42px;background:rgba(255,255,255,.66);box-shadow:var(--shadow);padding:34px}.auth-card h1{font-size:clamp(2.5rem,6vw,4.6rem)}.auth-alt{text-align:center;color:var(--muted);font-weight:850}.auth-alt a{text-decoration:underline;font-weight:950;color:var(--ink)}
.accordion{display:grid;gap:12px}.faq{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.62);overflow:hidden}.faq button{width:100%;border:none;background:transparent;padding:18px;text-align:left;font-weight:950;cursor:pointer;display:flex;justify-content:space-between}.faq p{display:none;margin:0;padding:0 18px 18px;color:var(--muted)}.faq.open p{display:block}.content-card{border:1px solid var(--line);border-radius:36px;background:rgba(255,255,255,.62);box-shadow:var(--shadow);padding:34px}.content-card h2{letter-spacing:-.06em;font-size:2rem}.content-card p,.content-card li{color:var(--muted)}
.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);z-index:100;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#090a0a;color:var(--soft);box-shadow:var(--shadow-dark);padding:13px 18px;font-weight:900;opacity:0;pointer-events:none;transition:.24s}.toast.show{opacity:1;transform:translate(-50%,0)}
footer{background:#090a0a;color:var(--soft);padding:58px 0 30px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:26px;margin-bottom:28px}footer p,footer a{color:rgba(255,249,239,.62)}footer a{display:block;margin:7px 0;font-weight:850}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:22px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:rgba(255,249,239,.55);font-size:.84rem}.reveal{opacity:1;transform:none}body.js .reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s ease}body.js .reveal.show{opacity:1;transform:none}
@media(max-width:1050px){.menu,.nav-actions .btn-soft{display:none}.hamburger{display:grid}.hero-grid,.split,.form-shell,.calendar-page{grid-template-columns:1fr}.cards,.pricing,.service-grid{grid-template-columns:1fr 1fr}.dashboard{grid-template-columns:1fr}.sidebar{position:relative;top:auto}.dash-grid{grid-template-columns:repeat(2,1fr)}.summary-card{position:relative;top:auto}.footer-grid{grid-template-columns:1fr 1fr}.kanban{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}}
@media(max-width:700px){.wrap{width:min(var(--max),calc(100% - 22px))}.brand small{display:none}.hero{padding-top:54px}.hero h1,.page-hero h1{font-size:clamp(3rem,16vw,4.8rem)}.hero-actions .btn{width:100%}.cards,.pricing,.service-grid{grid-template-columns:1fr}.slot-grid,.mini-dashboard{grid-template-columns:1fr}.mock-calendar{gap:5px}.mock-calendar span{min-height:45px;border-radius:12px;font-size:.8rem}.service-art{height:140px}.slots{grid-template-columns:1fr 1fr}.dash-grid{grid-template-columns:1fr}.table{min-width:720px}.table-card{overflow:auto}.calendar-grid{gap:5px}.calendar-day{min-height:74px;border-radius:14px;font-size:.82rem}.footer-grid{grid-template-columns:1fr}.auth-card,.panel,.form-card,.summary-card,.content-card{border-radius:30px;padding:24px}.preview-top{display:block}.hero-card{border-radius:30px}.booking-preview{padding:14px}.page-hero{padding-top:44px}}