/* Animated atmosphere and translucent glass. Palette: #100B1B, #AD63F5, #FFFFFF. */
body{isolation:isolate;background:#100B1B}
.ambient-scene{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 15% 15%,rgba(173,99,245,.12),transparent 47%),radial-gradient(ellipse at 92% 82%,rgba(173,99,245,.11),transparent 43%),#100B1B}
.ambient-scene::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;opacity:.55;mask-image:linear-gradient(to bottom,transparent,rgba(16,11,27,1) 18%,rgba(16,11,27,1) 82%,transparent)}
.ambient-scene::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 30%,rgba(16,11,27,.37) 100%)}
.ambient-orb{position:absolute;display:block;width:52vmax;height:52vmax;border-radius:50%;filter:blur(55px);will-change:transform;opacity:.82;background:radial-gradient(circle,rgba(173,99,245,.43),rgba(173,99,245,.18) 34%,transparent 68%)}
.ambient-orb-one{top:-32vmax;left:-17vmax;animation:orb-one-drift 23s ease-in-out infinite alternate}
.ambient-orb-two{top:5vh;right:-25vmax;width:58vmax;height:58vmax;opacity:.68;animation:orb-two-drift 29s ease-in-out infinite alternate}
.ambient-orb-three{bottom:-39vmax;left:20vw;width:65vmax;height:65vmax;opacity:.54;animation:orb-three-drift 27s ease-in-out infinite alternate}
@keyframes orb-one-drift{to{transform:translate3d(13vw,33vh,0) scale(1.13)}}
@keyframes orb-two-drift{to{transform:translate3d(-18vw,24vh,0) scale(.88)}}
@keyframes orb-three-drift{to{transform:translate3d(-18vw,-32vh,0) scale(1.15)}}
@keyframes orbit-turn{to{rotate:360deg}}
.hero-demo .demo-orbit::before{content:"";position:absolute;top:50%;left:-5px;width:10px;height:10px;border-radius:50%;background:#AD63F5;box-shadow:0 0 18px rgba(173,99,245,.95),0 0 35px rgba(173,99,245,.55)}
.hero-demo .orbit-one{animation:orbitGlow 9s ease-in-out infinite,orbit-turn 32s linear infinite}
.hero-demo .orbit-two{animation:orbitGlow 9s ease-in-out -2s infinite,orbit-turn 25s linear infinite reverse}

/* Let the atmospheric layer show through every page. */
.hero,.services-section,.process-section,.use-section,.faq-section,.inner-hero,.detail-info,.order-page,.login-page,.dashboard-page,.site-footer{background:transparent}
.hero::before{opacity:.18}
.hero::after{background:rgba(173,99,245,.22)}
.category-bar{background:rgba(16,11,27,.55);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.final-cta{background:linear-gradient(100deg,rgba(173,99,245,.18),rgba(16,11,27,.38));backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}

/* The moving lights behind these surfaces are visible through the blur. */
.nav-shell,.nav-mega,.mobile-menu nav,.hero-offer,.glass-panel,.product-card,.platform-band>div,.use-grid>div,.faq-list,.detail-art,.order-summary,.order-form-wrap,.login-card,.dashboard-stat-row,.order-card,.empty-orders,.float-chip{
  border-color:rgba(255,255,255,.28);
  background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.035) 28%,rgba(16,11,27,.48) 75%),rgba(16,11,27,.31);
  box-shadow:0 24px 60px rgba(16,11,27,.46),inset 0 1px rgba(255,255,255,.28),inset 0 -1px rgba(255,255,255,.055);
  backdrop-filter:blur(28px) saturate(145%);
  -webkit-backdrop-filter:blur(28px) saturate(145%);
}
.nav-shell{background:linear-gradient(115deg,rgba(255,255,255,.13),rgba(16,11,27,.58) 47%,rgba(16,11,27,.46));border-color:rgba(255,255,255,.24)}
.nav-mega,.mobile-menu nav{background:rgba(16,11,27,.68)}
.hero-offer{background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(16,11,27,.38) 38%,rgba(16,11,27,.55));border-color:rgba(255,255,255,.32)}
.product-card{background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(16,11,27,.42) 45%,rgba(16,11,27,.56));border-color:rgba(255,255,255,.27)}
.product-card:hover,.product-card:focus-within{border-color:rgba(173,99,245,.85);box-shadow:0 28px 65px rgba(16,11,27,.6),0 0 35px rgba(173,99,245,.23),inset 0 1px rgba(255,255,255,.35)}
.hero-offer .hero-mini-grid>a,.hero-special,.hero-step-counters>span,.phone-order,.phone-stats>div,.phone-activity,.visual-choice,.visual-form,.visual-order{background:rgba(16,11,27,.35);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.hero-offer .hero-mini-grid>a,.hero-special{border-color:rgba(255,255,255,.24)}
.faq-list{background:linear-gradient(140deg,rgba(255,255,255,.1),rgba(16,11,27,.34) 55%,rgba(16,11,27,.48))}
.order-form input,.order-form textarea{background:rgba(16,11,27,.58);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}

/* Google account photo, with the initial kept underneath as a fallback. */
.account-avatar,.profile-avatar{position:relative;overflow:hidden;flex:none}
.account-avatar .avatar-fallback,.profile-avatar .avatar-fallback{display:grid;place-items:center;width:100%;height:100%}
.google-profile-photo{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}
.profile-avatar{display:grid;place-items:center;width:88px;height:88px;border:3px solid rgba(255,255,255,.35);border-radius:50%;background:#AD63F5;color:#100B1B;font:800 38px Outfit,sans-serif;box-shadow:0 0 0 6px rgba(173,99,245,.14),0 15px 40px rgba(16,11,27,.5)}
.dashboard-profile{display:flex;align-items:center;gap:24px;min-width:0}
.dashboard-profile>div{min-width:0}

/* A small specular highlight follows the pointer, without tilting the content. */
.hero-offer::after,.product-card::after,.use-grid>div::after,.login-card::after,.order-form-wrap::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(340px circle at var(--glass-x,50%) var(--glass-y,0%),rgba(255,255,255,.17),transparent 65%);
  opacity:.45;transition:opacity .3s ease;
}
.hero-offer:hover::after,.product-card:hover::after,.use-grid>div:hover::after,.login-card:hover::after,.order-form-wrap:hover::after{opacity:.8}
.use-grid>div,.login-card,.order-form-wrap{position:relative;overflow:hidden}

@media(max-width:800px){.ambient-orb{filter:blur(42px)}.ambient-orb-two{right:-40vmax}.ambient-scene::before{background-size:52px 52px}}
@media(max-width:620px){.dashboard-profile{align-items:flex-start;gap:15px}.profile-avatar{width:58px;height:58px;font-size:25px}}
@media(prefers-reduced-motion:reduce){.ambient-orb,.hero-demo .orbit-one,.hero-demo .orbit-two{animation:none;will-change:auto}.hero-offer::after,.product-card::after,.use-grid>div::after,.login-card::after,.order-form-wrap::after{transition:none}}
@media(prefers-reduced-transparency:reduce){.nav-shell,.nav-mega,.mobile-menu nav,.hero-offer,.glass-panel,.product-card,.platform-band>div,.use-grid>div,.faq-list,.detail-art,.order-summary,.order-form-wrap,.login-card,.dashboard-stat-row,.order-card,.empty-orders,.float-chip{background:#100B1B;backdrop-filter:none;-webkit-backdrop-filter:none}}