﻿ :root {--bg: #fcfaf6;--surface: #ffffff;--cream: #f7f0e3;--gold: #b28a3c;--gold-dark: #79581d;--gold-light: #e8d3a3;--text: #29251f;--muted: #766f63;--border: #e9e0cf;--green: #357052;--gradient: linear-gradient(135deg, #eddbb0, #c59d51);--shadow: 0 16px 45px rgba(93, 69, 25, 0.07);--radius: 26px;}* {box-sizing: border-box;}html {scroll-behavior: smooth;scroll-padding-top: 100px;}body {margin: 0;background: var(--bg);color: var(--text);font-family: "Vazirmatn", Tahoma, sans-serif;line-height: 1.9;overflow-x: hidden;}a {color: inherit;text-decoration: none;}button, input, select {font: inherit;}button, summary {cursor: pointer;}img {max-width: 100%;height: auto;display: block;}h1, h2, h3, p {margin: 0;}h1, h2, h3 {line-height: 1.55;color: var(--text);}h1 {font-size: clamp(2rem, 4.5vw, 3.8rem);font-weight: 900;letter-spacing: -1.2px;}h2 {font-size: clamp(1.5rem, 3vw, 2.5rem);font-weight: 900;letter-spacing: -.6px;}h3 {font-size: 1.12rem;font-weight: 800;}:focus-visible {outline: 3px solid var(--gold-dark);outline-offset: 5px;}.section {padding-block: 55px;position: relative;z-index: 1;}.section-head {text-align: center;max-width: 680px;margin: 0 auto 32px;}.section-head p, .muted {color: var(--muted);}.section-head p {margin-top: 10px;}.eyebrow {display: inline-flex;align-items: center;gap: 8px;font-size: .8rem;font-weight: 700;color: var(--gold-dark);background: var(--cream);border: 1px solid var(--border);padding: 5px 14px;border-radius: 100px;margin-bottom: 16px;}.eyebrow::before {content: "";width: 6px;height: 6px;border-radius: 50%;background: var(--gold);}.gold-text {color: var(--gold-dark);}.btn-bs-custom {display: inline-flex;justify-content: center;align-items: center;gap: 9px;min-height: 48px;padding: 11px 23px;border: 1px solid transparent;border-radius: 14px;font-weight: 700;font-size: .9rem;transition: transform .2s, box-shadow .2s, background .2s;}.btn-bs-custom:hover {transform: translateY(-2px);}.btn-primary-custom {background: var(--gradient);color: #392a12 !important;border-color: #c7a360;box-shadow: 0 7px 20px rgba(178, 138, 60, 0.17);}.btn-primary-custom:hover {box-shadow: 0 10px 26px rgba(178, 138, 60, 0.28);}.btn-outline-custom {border-color: var(--gold-light);color: var(--gold-dark) !important;background: var(--surface);}.btn-outline-custom:hover {background: var(--cream);}.btn-small {min-height: 40px !important;padding: 8px 14px !important;font-size: .8rem !important;}.actions {display: flex;flex-wrap: wrap;gap: 12px;margin-top: 24px;}.center-actions {justify-content: center;}.card-custom {background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius);box-shadow: var(--shadow);overflow: hidden;}.lift {transition: transform .25s, box-shadow .25s;}.lift:hover {transform: translateY(-6px);box-shadow: 0 22px 45px rgba(93, 69, 25, 0.12);}.photo {background-color: #eee5d6;background-image: var(--photo);background-size: cover;background-position: center;}.chips {display: flex;flex-wrap: wrap;justify-content: center;gap: 10px;}.chip {display: inline-flex;align-items: center;justify-content: center;padding: 8px 19px;background: var(--surface);border: 1px solid var(--border);border-radius: 100px;font-size: .88rem;color: var(--muted);}.chip.highlight {color: var(--gold-dark);background: var(--cream);border-color: var(--gold-light);}.nav-links {display: flex;align-items: center;gap: 32px;font-size: 0.95rem;font-weight: 500;}.nav-links a {position: relative;color: var(--muted);padding: 6px 2px;transition: color 0.3s ease;}.nav-links a::after {content: "";position: absolute;bottom: 0;right: 0;width: 0;height: 2px;background: var(--gradient);border-radius: 2px;transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.nav-links a:hover {color: var(--gold-dark);}.nav-links a:hover::after, .nav-links a.active::after {width: 100%;}.nav-links a.active {color: var(--gold-dark);font-weight: 700;}.hero {padding-top: 44px;}.hero-visual {position: relative;width: 100%;height: 100%;min-height: 400px;}.hero-visual::before {content: "";position: absolute;inset: 0;z-index: 0;background: radial-gradient(ellipse at center, #e6cd99 0%, transparent 70%);filter: blur(20px);opacity: 0.6;}.hero-photo {position: absolute;inset: 10px;z-index: 1;border-radius: 180px 180px 35px 35px;border: 8px solid var(--surface);box-shadow: var(--shadow);background-size: cover;background-repeat: no-repeat;background-position: 75% center;}.hero-copy {display: flex;flex-direction: column;align-items: flex-start;width: 100%;max-width: 560px;margin-inline: auto;text-align: right;}.hero-copy .eyebrow {margin-bottom: 16px;}.hero-copy h1 {text-align: right;}.hero-copy > p {max-width: 540px;margin-top: 20px;color: var(--muted);font-size: 1.05rem;text-align: right;}.search-panel {padding: 24px;margin-top: 28px;border: 1px solid var(--border);background: var(--surface);border-radius: 26px;box-shadow: var(--shadow);width: 100%;text-align: right;}.search-title {display: block;margin-bottom: 16px;font-size: 1.1rem;font-weight: 800;}.field label {display: block;color: var(--muted);font-size: 0.82rem;font-weight: 600;margin-bottom: 8px;}.field select {width: 100%;min-height: 52px;border: 1px solid var(--border);border-radius: 14px;background: var(--bg);color: var(--text);padding: 0 12px;font-size: 0.9rem;outline: none;cursor: pointer;transition: border-color 0.2s, box-shadow 0.2s;}.field select:focus {border-color: var(--gold);box-shadow: 0 0 0 3px rgba(178, 138, 60, 0.15);}.floating-note {position: absolute;z-index: 2;display: flex;align-items: center;gap: 12px;padding: 7px 10px;background: rgba(255, 255, 255, 0.95);border: 1px solid var(--border);border-radius: 17px;box-shadow: var(--shadow);font-size: .82rem;}.floating-note strong {display: block;}.floating-note small {color: var(--muted);}.note-top {top: 6px;right: 0px;}.note-bottom {bottom: 9px;left: -10px;}.note-icon {width: 30px;height: 30px;display: grid;place-items: center;background: var(--cream);color: var(--gold-dark);border-radius: 50%;font-size: 1.2rem;}.free-box {text-align: center;padding: 40px 24px;background: linear-gradient(120deg, #fff, #faf3e5, #fff);}.free-box p {margin: 10px 0 24px;color: var(--muted);}.stats {padding: 35px 0;margin-top: 24px;border-bottom: 1px solid var(--border);}.stat {text-align: center;padding: 12px;}.stat strong {display: block;color: var(--gold-dark);font-size: 2rem;font-weight: 900;}.stat span {color: var(--muted);font-size: .86rem;}.demo-note {font-size: .75rem;color: var(--muted);text-align: center;margin-top: 10px;}.step {padding: 27px;position: relative;}.step-number {font-size: 3rem;font-weight: 900;color: #ddc99f;line-height: 1;}.step-preview {min-height: 155px;margin: 18px 0 24px;display: grid;place-content: center;gap: 10px;padding: 20px;background: var(--cream);border-radius: 18px;color: var(--gold-dark);text-align: center;}.preview-line {background: white;border: 1px solid var(--border);padding: 7px 20px;border-radius: 9px;font-size: .78rem;}.step p {font-size: .9rem;color: var(--muted);margin-top: 9px;}.profile-card {padding: 12px;border-radius: 22px;}.profile-photo {height: 240px;border-radius: 15px;position: relative;background-position: center 28%;}.profile-content {padding: 15px 5px 5px;}.profile-content p {margin-top: 5px;font-size: .82rem;color: var(--muted);}.profile-meta {display: flex;justify-content: space-between;align-items: center;gap: 10px;margin-top: 13px;font-size: .78rem;color: var(--muted);}.rating {color: var(--gold-dark);white-space: nowrap;}.card-actions {display: flex;gap: 8px;margin-top: 16px;}.card-actions .btn-bs-custom {flex: 1;}.badge-custom {position: absolute;top: 12px;right: 12px;padding: 5px 11px;border-radius: 10px;background: rgba(255, 255, 255, 0.96);color: var(--gold-dark);font-size: .76rem;font-weight: 700;}.feature {padding: 27px;text-align: center;}.feature-icon {width: 62px;height: 62px;display: grid;place-items: center;margin: 0 auto 18px;border-radius: 20px;background: var(--cream);color: var(--gold-dark);font-size: 1.65rem;}.feature p {margin-top: 8px;color: var(--muted);font-size: .86rem;}.offer-photo {height: 230px;position: relative;}.offer-body {padding: 22px;}.offer-body p {color: var(--muted);margin-top: 7px;font-size: .85rem;}.price {display: flex;flex-wrap: wrap;align-items: center;gap: 10px;margin: 17px 0;color: var(--gold-dark);font-weight: 800;}.price del {color: var(--muted);font-size: .8rem;font-weight: 400;}.full {width: 100%;}.business-section {margin-top: 30px;padding-block: 70px;background: linear-gradient(180deg, #f4ecdd, #fcfaf6);border-top: 1px solid var(--border);}.dashboard {max-width: 980px;margin: 35px auto 0;display: grid;grid-template-columns: 185px minmax(0, 1fr);background: white;border: 1px solid var(--border);border-radius: 22px;overflow: hidden;box-shadow: 0 28px 70px rgba(100, 77, 36, 0.11);}.dash-sidebar {padding: 24px 16px;background: #fbf7ef;border-inline-end: 1px solid var(--border);}.dash-sidebar strong {display: block;margin-bottom: 25px;direction: ltr;text-align: right;}.dash-sidebar span {display: block;padding: 10px 13px;margin: 7px 0;font-size: .78rem;color: var(--muted);border-radius: 10px;}.dash-sidebar .selected {background: #ead8b3;color: #5a421a;}.dash-main {padding: 26px;min-width: 0;}.dash-top {display: flex;align-items: center;justify-content: space-between;gap: 12px;margin-bottom: 23px;}.dash-top small {color: var(--muted);}.dash-kpis {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 12px;margin-bottom: 23px;}.dash-kpi {padding: 15px;border: 1px solid var(--border);border-radius: 13px;background: var(--bg);}.dash-kpi span {display: block;color: var(--muted);font-size: .72rem;}.dash-kpi strong {color: var(--gold-dark);font-size: 1.25rem;}.table-scroll {overflow-x: auto;}.appointments {width: 100%;border-collapse: collapse;text-align: right;font-size: .76rem;white-space: nowrap;}.appointments th, .appointments td {padding: 12px 9px;border-bottom: 1px solid var(--border);}.appointments th {color: var(--muted);font-weight: 500;}.status {color: var(--green);background: #edf6ef;padding: 4px 8px;border-radius: 7px;}.business-chips {margin-top: 27px;}.availability {color: var(--green);font-size: .8rem;margin-top: 10px;}.split-banner {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));align-items: center;gap: 50px;padding: 50px 65px;background: radial-gradient(circle at 10% 80%, #e9d6ad 0, transparent 45%), linear-gradient(135deg, #fff, #f7f0e3);}.split-copy p {margin-top: 16px;color: var(--muted);}.phone {width: min(265px, 100%);margin-inline: auto;padding: 10px;border-radius: 39px;background: #35322c;box-shadow: 0 24px 45px rgba(72, 56, 28, 0.22);transform: rotate(-3deg);}.phone-screen {min-height: 420px;padding: 15px;border-radius: 30px;background: #fffdf8;overflow: hidden;}.phone-notch {width: 78px;height: 15px;margin: -7px auto 20px;background: #35322c;border-radius: 0 0 12px 12px;}.phone-search {margin: 18px 0;padding: 10px;border: 1px solid var(--border);border-radius: 10px;font-size: .7rem;color: var(--muted);}.phone-grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 9px;}.phone-card {padding: 6px;background: white;border: 1px solid var(--border);border-radius: 12px;text-align: center;font-size: .62rem;}.phone-photo {height: 110px;border-radius: 8px;margin-bottom: 7px;}.phone-cta {margin-top: 18px;padding: 8px;border-radius: 9px;background: var(--gradient);color: #392a12;text-align: center;font-size: .72rem;}.signup-banner {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));align-items: stretch;background: linear-gradient(110deg, #f7edd9, #fff);}.signup-copy {padding: 48px;}.signup-copy > p {margin-top: 15px;color: var(--muted);}.benefits {display: grid;gap: 10px;margin-top: 23px;}.benefits span {font-size: .9rem;}.benefits span::before {content: "✓";color: var(--gold-dark);margin-inline-end: 10px;font-weight: 900;}.signup-photo {min-height: 380px;background-position: center top;border-radius: 110px 0 0 0;margin: 25px 0 0 25px;}.faq {max-width: 850px;margin-inline: auto;}.faq details {padding: 0 22px;margin-bottom: 12px;border: 1px solid var(--border);border-radius: 16px;background: white;}.faq summary {display: flex;justify-content: space-between;align-items: center;gap: 20px;padding: 18px 0;font-weight: 600;list-style: none;}.faq summary::-webkit-details-marker {display: none;}.faq summary::after {content: "+";color: var(--gold-dark);font-size: 1.4rem;font-weight: 400;}.faq details[open] summary::after {content: "−";}.faq details[open] {border-color: #cfb47d;box-shadow: var(--shadow);}.faq details p {color: var(--muted);padding: 0 0 20px;font-size: .9rem;}.final-cta {position: relative;overflow: hidden;text-align: center;padding: 65px 25px;background: radial-gradient(circle at 0% 100%, #e3c98f, transparent 43%), radial-gradient(circle at 100% 0%, #efe0bf, transparent 42%), #fffdf8;}.final-cta h2 {font-size: clamp(1.8rem, 4vw, 3.3rem);}.final-cta p {margin-top: 15px;color: var(--muted);}.footer {padding: 30px 0;border-top: 1px solid var(--border);margin-top: 30px;background: var(--bg);position: relative;z-index: 10;}.footer-inner {display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 15px;}.footer p {color: var(--muted);font-size: .78rem;}.beautician-card {background: #ffffff;border: 1px solid var(--border);border-radius: 18px;padding: 16px;margin-bottom: 14px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);display: flex;align-items: center;justify-content: space-between;gap: 12px;transition: transform 0.2s ease, box-shadow 0.2s ease;}.beautician-card:hover {box-shadow: 0 8px 22px rgba(178, 138, 60, 0.15);}.beautician-info {display: flex;align-items: center;gap: 12px;}.beautician-avatar {width: 62px;height: 62px;border-radius: 50%;object-fit: cover;border: 2px solid var(--gold-light);flex-shrink: 0;}.beautician-details h6 {font-size: 0.95rem;font-weight: 800;color: var(--text);margin-bottom: 4px;}.beautician-details p {font-size: 0.8rem;color: var(--muted);margin-bottom: 4px;}.beautician-rating {display: inline-flex;align-items: center;gap: 4px;font-size: 0.82rem;font-weight: 700;color: var(--gold-dark);background: var(--cream);padding: 2px 8px;border-radius: 8px;}.btn-reserve-gold {background: linear-gradient(135deg, #eddbb0, #c59d51);color: #392a12 !important;border: 1px solid #c7a360;font-weight: 800;font-size: 0.85rem;padding: 10px 18px;border-radius: 12px;box-shadow: 0 4px 12px rgba(178, 138, 60, 0.2);white-space: nowrap;text-align: center;display: inline-block;transition: all 0.2s ease;}.btn-reserve-gold:hover {background: linear-gradient(135deg, #e5cd9a, #b88f43);box-shadow: 0 6px 16px rgba(178, 138, 60, 0.3);transform: translateY(-1px);}@media (max-width: 1024px) {.hero-layout {gap: 30px;}.hero-visual {height: 480px;}.split-banner, .signup-banner {padding: 35px;gap: 30px;}.signup-photo {margin: 0;border-radius: 20px;}}@media (max-width: 768px) {.nav-links {display: none;}.hero-visual {width: min(100%, 420px);height: 380px;margin-inline: auto;}.hero-copy {max-width: 100%;align-items: center;text-align: center;}.hero-copy h1, .hero-copy > p {text-align: center;}.hero-copy .actions {justify-content: center;}.dashboard {grid-template-columns: 1fr;}.dash-sidebar {border-inline-end: none;border-bottom: 1px solid var(--border);display: flex;overflow-x: auto;gap: 10px;padding: 12px;}.dash-sidebar strong {display: none;}.dash-sidebar span {white-space: nowrap;margin: 0;}.split-banner, .signup-banner {grid-template-columns: 1fr;padding: 30px 20px;}.signup-copy {padding: 0 0 20px 0;}.signup-photo {min-height: 250px;}}@media (max-width: 576px) {.beautician-card {align-items: stretch;text-align: right;gap: 14px;}.btn-reserve-gold {width: 100%;padding: 11px;font-size: 0.9rem;}}@media (max-width: 520px) {.section {padding-block: 35px;}.search-panel {padding: 18px;}.field select {min-height: 48px;}.hero-copy .actions .btn-bs-custom, .final-cta .actions .btn-bs-custom, .card-actions {flex-direction: column;width: 100%;}.btn-bs-custom {width: 100%;}.hero-visual {height: 320px;}.floating-note {padding: 8px 12px;gap: 8px;font-size: .72rem;}.note-top {top: -4px;right: 0;}.note-bottom {bottom: 10px;left: 0;}.stat strong {font-size: 1.5rem;}.profile-photo, .offer-photo {height: 220px;}.dash-top {align-items: flex-start;flex-direction: column;}.footer-inner {justify-content: center;text-align: center;flex-direction: column;}}@media (prefers-reduced-motion: reduce) {html {scroll-behavior: auto;}*, *::before, *::after {transition: none !important;animation: none !important;}}.chips .chip {display: inline-flex;align-items: center;gap: 6px;padding: 9px 20px;margin: 4px;border-radius: 30px;background-color: #ffffff;color: #495057;font-size: 0.92rem;font-weight: 600;cursor: pointer;border: 1px solid #e2e8f0;transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);user-select: none;box-shadow: 0 2px 5px rgba(0,0,0,0.03);}.chips .chip:hover {background: #fff8e6;color: #b38b00;border-color: #ffd875;transform: translateY(-3px) scale(1.03);box-shadow: 0 6px 15px rgba(212, 175, 55, 0.25);}.chips .chip.highlight {background: linear-gradient(135deg, #d4af37 0%, #aa7c11 100%);color: #ffffff;border-color: transparent;box-shadow: 0 4px 14px rgba(170, 124, 17, 0.4);}.chips .chip.highlight:hover {transform: translateY(-3px) scale(1.03);box-shadow: 0 8px 18px rgba(170, 124, 17, 0.5);}.chips .chip i {font-size: 0.9rem;transition: transform 0.3s ease;}.chips .chip:hover i {transform: rotate(8deg) scale(1.1);}.portfolio-card-wrapper {transition: opacity 0.3s ease, transform 0.3s ease;}.category-cards-container {display: flex;flex-wrap: wrap;justify-content: center;gap: 12px;margin-bottom: 25px;}.category-card {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 95px;height: 95px;padding: 10px;background-color: #f9f9f9;border: 1px solid #f0f0f0;border-radius: 16px;cursor: pointer;transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);user-select: none;}.category-icon {width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;margin-bottom: 8px;}.category-icon svg {width: 28px;height: 28px;stroke: #2b2d42;transition: all 0.3s ease;}.category-card span {font-size: 0.82rem;font-weight: 600;color: #2b2d42;transition: color 0.3s ease;}.category-card:hover {background-color: #ffffff;border-color: #d4af37;transform: translateY(-4px);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);}.category-card:hover .category-icon svg {stroke: #d4af37;transform: scale(1.1);}.category-card.highlight {background-color: #ffffff;border: 2px solid #d4af37;box-shadow: 0 6px 16px rgba(212, 175, 55, 0.2);}.category-card.highlight .category-icon svg {stroke: #d4af37;}.category-card.highlight span {color: #d4af37;font-weight: 700;}@media (max-width: 576px) {.category-card {width: 80px;height: 80px;padding: 8px;}.category-icon {width: 26px;height: 26px;margin-bottom: 4px;}.category-icon svg {width: 24px;height: 24px;}.category-card span {font-size: 0.75rem;}}