/* Shared visual refresh for XzsnyC pages; preserves existing markup and interactions. */
:root{--ink:#14233b;--ink-2:#243550;--paper:#f4f7fc;--surface:#fff;--soft:#eef3fa;--line:#e1e8f2;--line-strong:#cbd7e7;--muted:#70809a;--muted-2:#52647f;--blue:#2864e8;--blue-deep:#1748b8;--blue-soft:#edf3ff;--electric:#2864e8;--r:16px;--r-sm:11px;--shadow-xs:0 2px 8px rgba(24,48,86,.045);--shadow-sm:0 5px 18px rgba(24,48,86,.07);--shadow-md:0 14px 36px rgba(24,48,86,.10);--shadow-lg:0 24px 60px rgba(24,48,86,.14);--ring:0 0 0 4px rgba(40,100,232,.16)}
html{scroll-padding-top:90px}body{color:var(--ink);background-color:var(--paper);background-image:radial-gradient(ellipse at 12% 0%,rgba(76,132,242,.055),transparent 34%),radial-gradient(ellipse at 92% 18%,rgba(45,180,197,.035),transparent 28%)}::selection{background:rgba(40,100,232,.20);color:var(--ink)}:focus-visible{outline:3px solid rgba(40,100,232,.55);outline-offset:3px}
.top,.product-topbar,.profile-topbar,.marketing-header{background:rgba(255,255,255,.92);border-color:rgba(214,225,240,.9);box-shadow:0 4px 20px rgba(26,48,82,.035);backdrop-filter:blur(16px) saturate(1.35);-webkit-backdrop-filter:blur(16px) saturate(1.35)}
.card,.orders-hero,.product-card,.panel-card,.profile-card,.auth-card,.payment-card,.stat-card,.notification-card,.admin-card,.cs-card{border-color:var(--line);border-radius:18px;box-shadow:var(--shadow-sm)}.card:hover,.product-card:hover,.panel-card:hover,.stat-card:hover{border-color:#d2def0;box-shadow:var(--shadow-md)}
button,input,select,textarea,.btn,.button,[role=button]{border-radius:11px}input,select,textarea{border-color:var(--line-strong);background-color:#fff;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:var(--ring);outline:0}button,.btn,.button{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}button:hover,.btn:hover,.button:hover{box-shadow:var(--shadow-sm)}button:active,.btn:active,.button:active{transform:translateY(1px)}table{border-collapse:separate;border-spacing:0}th{color:var(--muted-2);font-size:.76rem;letter-spacing:.045em;text-transform:uppercase}hr{border:0;border-top:1px solid var(--line)}
.landing-page{background-color:var(--paper);background-image:none}.marketing-header{border-bottom:1px solid var(--line)}.landing-feature,.showcase-window,.floating-chip{border-color:var(--line)}.landing-feature{border-radius:18px;box-shadow:var(--shadow-sm)}.landing-feature:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.landing-primary,.btn-primary{box-shadow:0 8px 20px rgba(40,100,232,.20)}
@media(max-width:700px){body{background-image:radial-gradient(ellipse at 50% 0%,rgba(76,132,242,.06),transparent 38%)}.card,.orders-hero,.product-card,.panel-card,.profile-card,.auth-card,.payment-card,.stat-card,.notification-card,.admin-card,.cs-card{border-radius:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}