@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";@keyframes ds-fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-slideInTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes ds-scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes ds-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ds-pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.4)}}@keyframes ds-pulseGreen{0%,to{box-shadow:0 0 #10b9814d}50%{box-shadow:0 0 0 4px #10b98100}}@keyframes ds-glow{0%,to{box-shadow:0 0 16px #c9a84c33}50%{box-shadow:0 0 32px #c9a84c80}}@keyframes ds-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ds-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ds-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}}@keyframes ds-spin{to{transform:rotate(360deg)}}.ds-fade-in{animation:.35s cubic-bezier(.4,0,.2,1) both ds-fadeIn}.ds-slide-up{animation:.4s cubic-bezier(.4,0,.2,1) both ds-slideUp}.ds-slide-in-top{animation:.25s both ds-slideInTop}.ds-slide-in-right{animation:.3s both ds-slideInRight}.ds-scale-in{animation:.2s both ds-scaleIn}.ds-pulse{animation:2s ease-in-out infinite ds-pulse}.ds-bounce{animation:1s ease-in-out infinite ds-bounce}.ds-float{animation:3s ease-in-out infinite ds-float}.ds-shake{animation:.4s ease-in-out ds-shake}.ds-glow{animation:2s ease-in-out infinite ds-glow}.ds-spin{animation:.7s linear infinite ds-spin}.ds-transition{transition:all .2s cubic-bezier(.4,0,.2,1)}.ds-transition-slow{transition:all .4s cubic-bezier(.4,0,.2,1)}.ds-lift:hover{transform:translateY(-3px)}.ds-lift-lg:hover{transform:translateY(-5px)}:root{--gold:#c9a84c;--gold-light:#e8c547;--gold-dark:#a07830;--black:#0d0b1e;--black-2:#13102a;--black-3:#1a1735;--violet:#2d1b4e;--accent:#e91e63;--accent-neon:#f0f;--success:#10b981;--error:#ef4444;--white:#fff;--text-muted:#ffffff8c;--text-dim:#ffffff59;--border:#c9a84c33;--border-dim:#c9a84c1a;--grad-gold:linear-gradient(135deg, #c9a84c 0%, #e8c547 100%);--grad-card:linear-gradient(135deg, #2d1b4e80, #0d0b1e80);--grad-dark:linear-gradient(145deg, #13102a 0%, #1a1735 100%);--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--glass-blur:blur(10px);--shadow-gold:0 8px 24px #c9a84c4d;--shadow-card:0 16px 40px #0006;--shadow-glow:0 0 30px #c9a84c33}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;height:100%;font-size:16px;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}body{background:var(--black);color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100vw;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}a{color:var(--gold);text-decoration:none;transition:color .2s}a:hover{color:var(--gold-light)}button{cursor:pointer;font-family:Inter,sans-serif}img{max-width:100%}h1,h2,h3,h4,h5{letter-spacing:-.02em;font-weight:700;line-height:1.15}.playfair{font-family:Playfair Display,serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--black-2)}::-webkit-scrollbar-thumb{background:var(--gold-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.container-wide{max-width:1440px;margin:0 auto;padding:0 32px}@media (width<=768px){.container,.container-wide{padding:0 16px}}@media (width<=380px){.container,.container-wide{padding:0 10px}}.btn-primary,.btn-gold{background:var(--grad-gold);color:var(--black);letter-spacing:.3px;cursor:pointer;box-shadow:var(--shadow-gold);white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 28px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary:hover,.btn-gold:hover{filter:brightness(1.12);color:var(--black);transform:translateY(-2px);box-shadow:0 12px 32px #c9a84c66}.btn-primary:active,.btn-gold:active{filter:brightness(.95);transform:translateY(0)}.btn-outline{color:var(--gold);border:1.5px solid var(--gold);cursor:pointer;white-space:nowrap;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:11px 26px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-outline:hover{color:var(--gold-light);background:#c9a84c1a;box-shadow:0 4px 16px #c9a84c26}.btn-ghost{background:var(--glass-bg);color:#ffffffb3;border:1px solid var(--glass-border);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-ghost:hover{color:#fff;background:#ffffff1a}@media (width<=768px){.btn-mobile-full{width:100%;min-height:52px;font-size:16px}}.card-glass{border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#2d1b4e80,#0d0b1e80);border-radius:16px;transition:all .25s cubic-bezier(.4,0,.2,1)}.card-glass:hover{border-color:#c9a84c66;transform:translateY(-4px);box-shadow:0 20px 48px #0006,0 0 0 1px #c9a84c1a}.card-dark{background:var(--grad-dark);border:1px solid var(--border-dim);border-radius:16px;transition:all .25s cubic-bezier(.4,0,.2,1)}.card-dark:hover{border-color:var(--border);box-shadow:var(--shadow-card);transform:translateY(-3px)}.input-glass{background:var(--glass-bg);border:1px solid var(--glass-border);width:100%;color:var(--white);box-sizing:border-box;border-radius:12px;outline:none;padding:13px 16px;font-family:Inter,sans-serif;font-size:15px;transition:border-color .2s,box-shadow .2s}.input-glass:focus{border-color:var(--gold);border-width:2px;box-shadow:0 0 0 3px #c9a84c1f}.input-glass::placeholder{color:#ffffff4d}.badge-online{color:var(--success);background:#10b98126;border:1px solid #10b9814d;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;animation:2s infinite pulse-green;display:inline-flex}.badge-offline{background:var(--glass-bg);color:var(--text-muted);border:1px solid var(--glass-border);border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.badge-verified{color:var(--black);letter-spacing:.3px;background:#c9a84ce6;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:10px;font-weight:800;display:inline-flex}.stars{color:var(--gold);letter-spacing:2px;font-size:16px}.glass-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#13102a 0%,#1a1735 100%);border:1px solid #c9a84c40;border-radius:20px;box-shadow:0 32px 80px #000000b3,0 0 0 1px #ffffff0a}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 16px #c9a84c33}50%{box-shadow:0 0 32px #c9a84c80}}@keyframes pulse-green{0%,to{box-shadow:0 0 #10b9814d}50%{box-shadow:0 0 0 4px #10b98100}}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.4)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fadeIn{animation:.35s cubic-bezier(.4,0,.2,1) both fadeIn}.animate-slideUp{animation:.4s cubic-bezier(.4,0,.2,1) both slideUp}.animate-shake{animation:.4s ease-in-out shake}.animate-glow{animation:2s ease-in-out infinite glow}.animate-float{animation:3s ease-in-out infinite float}.spinner{border:2.5px solid #ffffff26;border-top-color:var(--gold);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin;display:inline-block}.hamburger{cursor:pointer;flex-direction:column;justify-content:space-between;width:32px;height:24px;padding:2px 0;display:flex;position:relative}.hamburger span{transform-origin:50%;background:#fffc;border-radius:2px;height:2px;transition:all .28s cubic-bezier(.4,0,.2,1);display:block}.hamburger.open span:first-child{transform:translateY(9px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.mobile-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:99;background:#0d0b1efa;border-top:1px solid #c9a84c26;flex-direction:column;gap:8px;padding:32px 24px;animation:.25s both slideInTop;display:flex;position:fixed;inset:64px 0 0}.section-tag{color:var(--gold);letter-spacing:.5px;text-transform:uppercase;background:#c9a84c1a;border:1px solid #c9a84c4d;border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.text-gradient{background:var(--grad-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.progress-track{background:#ffffff14;border-radius:10px;width:100%;height:6px;overflow:hidden}.progress-fill{background:var(--grad-gold);border-radius:10px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.tabs-bar{scrollbar-width:none;border-bottom:1px solid #ffffff14;gap:0;display:flex;overflow-x:auto}.tabs-bar::-webkit-scrollbar{display:none}.tab-item{color:#ffffff80;cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:12px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:color .2s;display:flex;position:relative}.tab-icon{font-size:16px;line-height:1}.tab-text{display:inline}@media (width<=600px){.tabs-bar{justify-content:space-between;overflow-x:visible}.tab-item{flex:1;justify-content:center;gap:0;padding:10px 0;font-size:12px}.tab-text{display:none}.tab-icon{font-size:22px}}.tab-item:hover{color:#fffc}.tab-item.active{color:var(--gold)}.tab-item.active:after{content:"";background:var(--grad-gold);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.stat-card{background:linear-gradient(135deg,#2d1b4e99 0%,#0d0b1ecc 100%);border:1px solid #c9a84c26;border-radius:16px;padding:20px 22px;transition:all .25s}.stat-card:hover{border-color:#c9a84c59;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.stat-card__value{color:var(--gold);letter-spacing:-.03em;margin-bottom:4px;font-family:Inter,sans-serif;font-size:32px;font-weight:800;line-height:1}.stat-card__label{color:#ffffff73;font-size:13px;font-weight:400}.online-dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse-dot;display:inline-block}.empty-state{text-align:center;padding:56px 32px}.empty-state__icon{opacity:.4;margin-bottom:16px;font-size:48px;display:block}.empty-state__title{color:#fff9;margin-bottom:8px;font-size:18px;font-weight:600}.empty-state__text{color:#ffffff59;font-size:14px;line-height:1.6}.bubble-left{color:#ffffffd9;background:#2d1b4ecc;border:1px solid #ffffff0f;border-radius:4px 18px 18px;align-self:flex-start;max-width:75%;padding:10px 16px;font-size:14px;line-height:1.55}.bubble-right{background:var(--grad-gold);color:var(--black);border-radius:18px 4px 18px 18px;align-self:flex-end;max-width:75%;padding:10px 16px;font-size:14px;font-weight:500;line-height:1.55}.grid-mages{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=1200px){.grid-mages{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.grid-mages{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.grid-mages{grid-template-columns:1fr}}.page-enter{animation:.3s both fadeIn}::selection{color:#fff;background:#c9a84c4d}img{max-width:100%;height:auto;display:block}.mage-card img,.review-card img{aspect-ratio:4/5;object-fit:cover;object-position:center 20%;border-radius:12px;width:100%;height:auto}.avatar{object-fit:cover;object-position:center 20%;border-radius:50%;flex-shrink:0;width:48px;height:48px}.avatar-sm{object-fit:cover;object-position:center 20%;border-radius:50%;flex-shrink:0;width:36px;height:36px}.profile-photo{aspect-ratio:4/5;object-fit:cover;object-position:center 15%;border-radius:12px;width:100%;height:auto}.hero-photo{aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:16px;width:100%;height:auto}@media (width<=480px){.mage-card img{aspect-ratio:3/4}}@media (width<=768px){.profile-photo{aspect-ratio:3/4}}@media (orientation:landscape){body{padding:0}html{overflow-y:auto}nav{height:48px!important;min-height:48px!important;padding:0 16px!important}nav>div{height:48px!important}.profile-photo,.mage-profile-image{height:200px;max-height:55vh;aspect-ratio:auto!important}.services-container{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;max-height:200px!important;display:grid!important;overflow-y:auto!important}.service-card{min-height:auto!important;padding:10px 12px!important}.reviews-section{max-height:160px;overflow-y:auto}.review-card{min-height:auto!important;padding:8px 10px!important;font-size:12px!important}.stats-box{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;min-width:auto!important;display:grid!important}.cta-button{height:44px!important;min-height:44px!important;font-size:14px!important}main{gap:8px!important;padding:8px!important}section{margin-bottom:8px!important}.mobile-nav{flex-flow:wrap!important;gap:4px!important;padding:12px 16px!important;top:48px!important;overflow-y:auto!important}.mage-card img{aspect-ratio:3/4;max-height:180px}.chat-header-landscape{min-height:52px!important;padding:8px 16px!important}.card-dark,.card-glass{padding:14px 16px!important}}@media (orientation:landscape) and (height<=420px){.profile-photo,.mage-profile-image{height:130px!important;max-height:40vh!important}nav{height:44px!important;min-height:44px!important}nav>div{height:44px!important}.services-container{max-height:120px!important}.reviews-section{max-height:100px!important}.card-dark,.card-glass{padding:10px 12px!important}h2{font-size:15px!important}h1{font-size:clamp(20px,5vw,32px)!important}}@media (orientation:landscape) and (width>=1024px){.services-container{grid-template-columns:repeat(3,1fr)!important}.stats-box{grid-template-columns:repeat(4,1fr)!important}}