:root { --quantum-violet:#9b31ff; --quantum-indigo:#4b5cff; --quantum-cyan:#12b7ff; }
.site-shell { background:radial-gradient(circle at 83% 19%,rgba(70,53,255,.19),transparent 27%),radial-gradient(circle at 12% 6%,rgba(174,23,255,.14),transparent 22%),linear-gradient(145deg,#080d2a 0%,#030816 45%,#030610 100%); }
.site-shell:before { content:""; position:fixed; z-index:0; inset:0; pointer-events:none; opacity:.3; background-image:linear-gradient(rgba(90,133,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(90,133,255,.07) 1px,transparent 1px); background-size:54px 54px; mask-image:linear-gradient(to bottom,black,transparent 66%); }
.site-shell>* { position:relative; z-index:1; }
.brand-logo { filter:drop-shadow(0 7px 18px rgba(137,39,255,.46)); }.brand-name span { color:#a899ff; }
.nav { border-bottom:1px solid rgba(120,129,255,.12); }.nav-links a.active:after { background:linear-gradient(90deg,var(--quantum-violet),var(--quantum-cyan)); height:3px; border-radius:4px; }.support-button,.primary-button { background:linear-gradient(105deg,#a52eff,#4b63ff 48%,#12afff); box-shadow:0 12px 30px rgba(72,65,255,.3); }.cart-button,.outline-button { border-color:rgba(141,106,255,.9); }.cart-button:hover,.outline-button:hover { background:rgba(116,69,255,.17); }
.quantum-signal { display:inline-flex; align-items:center; gap:8px; margin:0 0 18px; padding:7px 11px 7px 8px; border:1px solid rgba(142,105,255,.42); border-radius:30px; background:rgba(91,45,180,.14); color:#c9c5ff; font-size:11px; font-weight:700; letter-spacing:.15px; }.quantum-signal span { width:8px; height:8px; border-radius:50%; background:#a54cff; box-shadow:0 0 0 0 rgba(165,76,255,.8); animation:quantum-pulse 1.8s infinite; }
@keyframes quantum-pulse { 70% { box-shadow:0 0 0 8px rgba(165,76,255,0); } 100% { box-shadow:0 0 0 0 rgba(165,76,255,0); } }
.hero h1 span { color:transparent; background:linear-gradient(100deg,#cf71ff,#7a78ff 46%,#26bfff); background-clip:text; -webkit-background-clip:text; }.hero-art img { filter:drop-shadow(0 25px 30px rgba(97,55,255,.36)) hue-rotate(10deg) saturate(1.08); }
.trust-icon { background:linear-gradient(135deg,#a12eff,#3869ff 60%,#11afff); }.products-section { background:radial-gradient(circle at 84% 12%,rgba(135,50,255,.17),transparent 31%); }.filter.active,.filter:hover { background:linear-gradient(105deg,#9a34ff,#4369ff); border-color:#7655ff; }.product-card { border-color:rgba(133,124,255,.2); }.product-card:hover { border-color:rgba(189,107,255,.75); }.product-media { background:radial-gradient(circle at 12% 12%,rgba(116,71,255,.75) 0 1px,transparent 2px),radial-gradient(circle at 83% 0,rgba(177,74,255,.86) 0 18px,transparent 19px),radial-gradient(circle at 0 35%,rgba(21,149,255,.55) 0 34px,transparent 35px),linear-gradient(135deg,#2a1260 0%,#0b1f5c 48%,#0e0b3b 100%); }.add-button { background:linear-gradient(135deg,#aa35ff,#197fff); }.modal-card:before { background:radial-gradient(circle,rgba(154,61,255,.22),transparent 68%); }.payment-methods .payment-card.active { border-color:#b374ff; background:linear-gradient(145deg,#a035ed,#2a62d1); box-shadow:0 10px 28px rgba(111,52,255,.32); }.ticket-button { background:linear-gradient(105deg,#a52eff,#4b63ff 48%,#12afff); }
@media(max-width:540px) { .quantum-signal { margin-bottom:14px; font-size:10px; } }