/** * sanctum.css — “Data sanctum / sacral-tech” chrome layer * * Load order (see each HTML ): * 1. style-revamped.css — :root tokens + base components * 2. sanctum.css — this file (hero, glass, gold circuit motifs) * 3. page CSS — e.g. home.css, store.css, profile.css * 4. Font Awesome * 5. design-system.css — LAST (ds-v2 editorial overrides) */ /* ── Immersive hero (home) ───────────────────────────────────────── */ .ds-sanctum-hero { position: relative; isolation: isolate; min-height: clamp(520px, 78vh, 900px); display: flex; align-items: center; justify-content: center; padding: clamp(4.5rem, 10vw, 6.5rem) var(--ds-pad-x, 1.25rem) clamp(3rem, 6vw, 4.5rem); margin: 0 calc(-1 * var(--ds-pad-x, 1.25rem)); width: calc(100% + 2 * var(--ds-pad-x, 1.25rem)); max-width: none; } .ds-sanctum-hero__layers { position: absolute; inset: 0; z-index: 0; overflow: hidden; border-radius: 0 0 var(--ds-radius-xl, 28px) var(--ds-radius-xl, 28px); } .ds-sanctum-hero__bg { position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; } .ds-sanctum-hero__bg--back { background-image: url("/images/anybackgorund.png"); opacity: 0.42; transform: scale(1.04); filter: saturate(1.05) contrast(1.05); } .ds-sanctum-hero__bg--main { background-image: url("/images/anybackgorund.png"); mask-image: linear-gradient(180deg, #000 0%, #000 72%, transparent 100%); -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 72%, transparent 100%); } .ds-sanctum-hero__veil { position: absolute; inset: 0; background: radial-gradient(ellipse 90% 55% at 50% 20%, rgba(var(--color-accent-rgb), 0.12) 0%, transparent 55%), radial-gradient(ellipse 70% 50% at 80% 90%, rgba(var(--color-accent-rgb), 0.14) 0%, transparent 50%), linear-gradient(180deg, rgba(8, 5, 3, 0.78) 0%, rgba(14, 10, 6, 0.52) 38%, rgba(5, 4, 3, 0.92) 100%); pointer-events: none; } .ds-sanctum-hero__grid { position: absolute; inset: 0; opacity: 0.07; background-image: linear-gradient(90deg, rgba(var(--color-accent-rgb), 0.5) 1px, transparent 1px), linear-gradient(rgba(var(--color-accent-rgb), 0.35) 1px, transparent 1px); background-size: 48px 48px; mask-image: radial-gradient(ellipse 80% 60% at 50% 40%, #000 20%, transparent 70%); -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 40%, #000 20%, transparent 70%); pointer-events: none; } .ds-sanctum-hero__inner { position: relative; z-index: 2; width: 100%; max-width: min(1180px, 100%); margin: 0 auto; display: flex; justify-content: center; } body.ds-v2 .ds-page--home .ds-sanctum-hero__inner { max-width: min(1200px, 100%); } .ds-sanctum-glass { border-radius: var(--ds-radius-xl, 28px); border: 1px solid rgba(var(--color-accent-rgb), 0.28); background: linear-gradient(145deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.02) 42%, rgba(0, 0, 0, 0.45) 100%), rgba(10, 7, 5, 0.55); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 28px 80px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(var(--color-accent-rgb), 0.12), 0 0 60px rgba(var(--color-accent-rgb), 0.08); backdrop-filter: blur(18px) saturate(1.2); -webkit-backdrop-filter: blur(18px) saturate(1.2); } .ds-sanctum-hero__panel { width: 100%; max-width: 720px; padding: clamp(1.75rem, 4vw, 2.75rem) clamp(1.5rem, 4vw, 2.5rem); text-align: center; } body.ds-v2 .ds-page--home .ds-sanctum-hero__panel { max-width: min(920px, 100%); } body.ds-v2 .ds-page--home .ds-sanctum-hero__panel > p { max-width: 42rem; } .ds-sanctum-crest { display: flex; flex-direction: column; align-items: center; gap: 0.35rem; margin-bottom: 1rem; } .ds-sanctum-crest__mark { width: 52px; height: 52px; border-radius: 14px; display: flex; align-items: center; justify-content: center; color: var(--color-accent-light); background: rgba(var(--color-accent-rgb), 0.12); border: 1px solid rgba(var(--color-accent-rgb), 0.35); box-shadow: 0 0 28px rgba(var(--color-accent-rgb), 0.15); } .ds-sanctum-crest__mark svg { width: 28px; height: 28px; } .ds-sanctum-crest__logo { height: 48px; width: auto; object-fit: contain; filter: drop-shadow(0 0 18px rgba(var(--color-accent-rgb), 0.45)); } body.ds-v2 .ds-sanctum-hero__panel h1 { font-family: var(--font-display); font-size: clamp(1.55rem, 3.2vw, 2.45rem); font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; line-height: 1.12; margin: 0 0 0.65rem; color: var(--color-heading); text-shadow: 0 0 40px rgba(0, 0, 0, 0.85); } .ds-sanctum-hero__panel h1 .ds-sanctum-gold { background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-hover) 48%, var(--color-accent-light) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 0 14px rgba(var(--color-accent-rgb), 0.35)); } .ds-sanctum-hero__panel h1 em { font-style: normal; } .ds-sanctum-hero__panel > p { font-size: clamp(0.88rem, 1.5vw, 1rem); color: var(--color-text-secondary); line-height: 1.65; max-width: 34rem; margin: 0 auto 1.35rem; } .ds-sanctum-hero__actions { display: flex; flex-wrap: wrap; gap: 0.75rem; justify-content: center; align-items: center; } /* ── Holographic stats row ───────────────────────────────────────── */ .ds-sanctum-stats-wrap { position: relative; } .ds-sanctum-stats-wrap::before { content: ""; position: absolute; left: 8%; right: 8%; top: 50%; height: 1px; background: linear-gradient( 90deg, transparent, rgba(var(--color-accent-rgb), 0.45), rgba(var(--color-accent-rgb), 0.5), rgba(var(--color-accent-rgb), 0.45), transparent ); opacity: 0.85; pointer-events: none; } /* Unified home hub: accent line lives on .ds-home-hub__frame instead */ body.ds-v2 .ds-home-hub .ds-sanctum-stats-wrap::before { content: none; } body.ds-v2 .ds-home-hub__stats .stats-label-bar, .ds-sanctum-stats-wrap .stats-label-bar { color: rgba(var(--color-accent-rgb), 0.95); background: rgba(var(--color-accent-rgb), 0.1); border: 1px solid rgba(var(--color-accent-rgb), 0.35); } body.ds-v2 .ds-home-hub__stats .pulse-dot, .ds-sanctum-stats-wrap .pulse-dot { background: var(--color-accent); box-shadow: 0 0 0 0 rgba(var(--color-accent-rgb), 0.55); animation: sanctum-pulse-dot 1.8s ease-in-out infinite; } @keyframes sanctum-pulse-dot { 0% { box-shadow: 0 0 0 0 rgba(var(--color-accent-rgb), 0.55); } 70% { box-shadow: 0 0 0 8px rgba(var(--color-accent-rgb), 0); } 100% { box-shadow: 0 0 0 0 rgba(var(--color-accent-rgb), 0); } } body.ds-v2 .ds-home-hub__stats .stats-live-text, .ds-sanctum-stats-wrap .stats-live-text { color: var(--color-accent); } body.ds-v2 .ds-home-hub__stats .home-stat-card, .ds-sanctum-stats-wrap .home-stat-card { border-color: rgba(var(--color-accent-rgb), 0.25); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), inset 0 0 0 1px rgba(var(--color-accent-rgb), 0.12), 0 0 32px rgba(var(--color-accent-rgb), 0.06); } body.ds-v2 .ds-home-hub__stats .home-stat-value, .ds-sanctum-stats-wrap .home-stat-value { color: var(--color-heading); text-shadow: 0 0 24px rgba(var(--color-accent-rgb), 0.35), 0 0 40px rgba(var(--color-accent-rgb), 0.2); font-size: clamp(2.2rem, 4vw, 3rem); } body.ds-v2 .ds-home-hub__stats .home-stat-label, .ds-sanctum-stats-wrap .home-stat-label { color: rgba(var(--color-accent-rgb), 0.85); } body.ds-v2 .ds-home-hub__stats .home-stat-icon, .ds-sanctum-stats-wrap .home-stat-icon { color: var(--color-accent-light); border-color: rgba(var(--color-accent-rgb), 0.25); background: rgba(var(--color-accent-rgb), 0.06); } /* ── Quick links: asymmetric sanctum columns ─────────────────────── */ .ds-sanctum-links-grid { display: grid; grid-template-columns: 1fr 1.15fr; gap: clamp(1rem, 2.5vw, 1.75rem); align-items: stretch; margin-top: clamp(1.75rem, 3vw, 2.5rem); text-align: left; } .ds-sanctum-links-grid .ds-sanctum-links-rail { display: flex; flex-direction: column; gap: clamp(1rem, 2vw, 1.25rem); } .ds-sanctum-links-grid .home-link-card { flex: 1; align-items: flex-start; text-align: left; border-radius: var(--ds-radius-lg, 22px); border: 1px solid rgba(var(--color-accent-rgb), 0.22); background: linear-gradient(155deg, rgba(var(--color-accent-rgb), 0.05) 0%, rgba(0, 0, 0, 0.35) 100%), rgba(11, 8, 6, 0.72); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); position: relative; overflow: hidden; } .ds-sanctum-links-grid .home-link-card::after { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient( -12deg, transparent, transparent 14px, rgba(var(--color-accent-rgb), 0.04) 14px, rgba(var(--color-accent-rgb), 0.04) 15px ); pointer-events: none; opacity: 0.5; } .ds-sanctum-links-grid .home-link-card:hover { border-color: rgba(var(--color-accent-rgb), 0.35); box-shadow: 0 0 36px rgba(var(--color-accent-rgb), 0.1); } .ds-sanctum-links-grid .home-link-icon { background: rgba(var(--color-accent-rgb), 0.08); border-color: rgba(var(--color-accent-rgb), 0.28); color: var(--color-accent); } .ds-sanctum-links-span { grid-column: 1 / -1; } @media (min-width: 900px) { .ds-sanctum-links-grid .ds-sanctum-links-rail .home-link-card:first-child { min-height: 46%; } } @media (max-width: 899px) { .ds-sanctum-links-grid { grid-template-columns: 1fr; } } /* ── Feature strip + circuit frame ───────────────────────────────── */ .ds-sanctum-features { position: relative; padding-top: clamp(0.5rem, 2vw, 1.25rem); } .ds-sanctum-features::before { content: ""; position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: min(92%, 720px); height: 3px; border-radius: 3px; background: linear-gradient( 90deg, transparent, rgba(var(--color-accent-rgb), 0.2) 15%, rgba(var(--color-accent-rgb), 0.85) 50%, rgba(var(--color-accent-rgb), 0.2) 85%, transparent ); box-shadow: 0 0 24px rgba(var(--color-accent-rgb), 0.25); } body.ds-v2 .ds-page--home .ds-sanctum-features::before { width: min(96%, 1120px); } .ds-sanctum-features .features-grid-deluxe { position: relative; } .ds-sanctum-features .features-grid-deluxe::before { content: ""; position: absolute; inset: -12px; border-radius: var(--ds-radius-xl, 28px); border: 1px solid rgba(var(--color-accent-rgb), 0.12); background: linear-gradient( 135deg, rgba(var(--color-accent-rgb), 0.06) 0%, transparent 40%, transparent 60%, rgba(var(--color-accent-rgb), 0.05) 100% ), repeating-linear-gradient( 0deg, transparent, transparent 11px, rgba(var(--color-accent-rgb), 0.045) 11px, rgba(var(--color-accent-rgb), 0.045) 12px ); pointer-events: none; z-index: 0; } .ds-sanctum-features .features-grid-deluxe > * { position: relative; z-index: 1; } .ds-sanctum-features .feature-card-deluxe { border-top: 2px solid rgba(var(--color-accent-rgb), 0.55); } .ds-sanctum-features .feature-card-deluxe .feature-card-top-line { top: 0; height: 2px; opacity: 0.35; background: linear-gradient(90deg, transparent, var(--color-accent), transparent); } /* Home — Product Ecosystem: centered header (beats .ds-section-header from design-system) */ body.ds-v2 .ds-page--home .ds-sanctum-features > .section-header.ds-section-header { text-align: center; margin-inline: auto; } body.ds-v2 .ds-page--home .ds-sanctum-features > .section-header.ds-section-header > p { max-width: min(40rem, 100%); margin-inline: auto; } /* ── Ecosystem CTA band ──────────────────────────────────────────── */ .ds-sanctum-eco-band .ds-home-closer-card { position: relative; border: 1px solid rgba(var(--color-accent-rgb), 0.28); background: linear-gradient(125deg, rgba(var(--color-accent-rgb), 0.1) 0%, rgba(0, 0, 0, 0.45) 45%, rgba(0, 0, 0, 0.65) 100%), rgba(10, 7, 5, 0.85); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 22px 60px rgba(0, 0, 0, 0.55), 0 0 48px rgba(var(--color-accent-rgb), 0.08); } body.ds-v2 .ds-page--home .ds-sanctum-eco-band .ds-home-closer-card { width: 100%; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) inset, 0 26px 72px rgba(0, 0, 0, 0.58), 0 0 56px rgba(var(--color-accent-rgb), 0.1); } .ds-sanctum-eco-band .ds-home-closer-card::before { content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; background: linear-gradient( 120deg, rgba(var(--color-accent-rgb), 0.35), rgba(var(--color-accent-rgb), 0.45), rgba(var(--color-accent-rgb), 0.2) ); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; } /* ── Store / profile shared page atmosphere ───────────────────── */ .ds-sanctum-page-veil { position: relative; } .ds-sanctum-page-veil::before { content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none; background: radial-gradient( ellipse 80% 50% at 50% -10%, rgba(var(--color-accent-rgb), 0.07) 0%, transparent 55% ); opacity: 0.55; } body.ds-v2.ds-sanctum-store .ds-store-hero, body.ds-v2.ds-sanctum-profile .ds-profile-hero { position: relative; border-radius: var(--ds-radius-xl, 28px); overflow: hidden; border: 1px solid rgba(var(--color-accent-rgb), 0.22); background: linear-gradient(135deg, rgba(10, 7, 5, 0.92) 0%, rgba(10, 7, 5, 0.78) 100%), url("/images/anybackgorund.png") center / cover no-repeat; box-shadow: 0 24px 70px rgba(0, 0, 0, 0.5), 0 0 40px rgba(var(--color-accent-rgb), 0.06); } body.ds-v2.ds-sanctum-store .ds-store-hero::after, body.ds-v2.ds-sanctum-profile .ds-profile-hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(8, 5, 3, 0.55) 0%, rgba(10, 7, 5, 0.88) 100%); } body.ds-v2.ds-sanctum-store .ds-store-hero > *, body.ds-v2.ds-sanctum-profile .ds-profile-hero > * { position: relative; z-index: 1; } body.ds-v2.ds-sanctum-store .ds-store-hero-card, body.ds-v2.ds-sanctum-profile .ds-profile-chip { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } /* ═══════════════════════════════════════════════════════════════════════════ Profile / Store / Releases — v2 layout + glass (scoped; loads before design-system) Extra body class beats body.ds-v2 alone where both target the same node. ═══════════════════════════════════════════════════════════════════════════ */ body.ds-v2.ds-sanctum-profile main.container.ds-profile-page.ds-sanctum-page-veil { position: relative; z-index: 1; max-width: min(1520px, 100%); } body.ds-v2.ds-sanctum-profile .ds-profile-shell, body.ds-v2.ds-sanctum-profile .profile-layout.ds-profile-shell { grid-template-columns: minmax(272px, 312px) minmax(0, 1fr); gap: clamp(1.5rem, 2.5vw, 2.75rem); } @media (min-width: 1280px) { body.ds-v2.ds-sanctum-profile .ds-profile-shell, body.ds-v2.ds-sanctum-profile .profile-layout.ds-profile-shell { grid-template-columns: minmax(288px, 320px) minmax(0, 1fr); } } body.ds-v2.ds-sanctum-profile #profile-main-content { max-width: none; } body.ds-v2.ds-sanctum-profile .ds-profile-page-header.ds-page-hero.ds-profile-hero { padding: clamp(2rem, 4vw, 3rem) clamp(1.75rem, 3vw, 2.75rem); } body.ds-v2.ds-sanctum-profile .ds-profile-page-title { font-size: clamp(2rem, 3.8vw, 2.85rem); letter-spacing: -0.02em; } body.ds-v2.ds-sanctum-profile .ds-profile-hero__row { justify-content: flex-start; align-items: flex-start; } body.ds-v2.ds-sanctum-profile .ds-profile-workspace { padding: clamp(1.65rem, 3vw, 2.35rem); border-color: rgba(var(--color-accent-rgb), 0.26); background: linear-gradient(165deg, rgba(var(--color-accent-rgb), 0.08) 0%, rgba(0, 0, 0, 0.2) 45%, rgba(0, 0, 0, 0) 100%), #12100e; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 28px 80px rgba(0, 0, 0, 0.65), 0 0 40px rgba(var(--color-accent-rgb), 0.06); backdrop-filter: none; -webkit-backdrop-filter: none; } body.ds-v2.ds-sanctum-profile .license-card-new.ds-profile-license { margin-bottom: 0; isolation: isolate; overflow: hidden; border-color: rgba(var(--color-accent-rgb), 0.28); background: linear-gradient(155deg, rgba(var(--color-accent-rgb), 0.1) 0%, transparent 48%), linear-gradient(145deg, #1a1814 0%, #100e0c 100%); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 22px 65px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(var(--color-accent-rgb), 0.1); } body.ds-v2.ds-sanctum-profile .license-card-new.ds-profile-license::before { z-index: 3; } body.ds-v2.ds-sanctum-profile .license-card-new.ds-profile-license .ds-profile-license-preview, body.ds-v2.ds-sanctum-profile .license-card-new.ds-profile-license .ds-profile-license-scrim, body.ds-v2.ds-sanctum-profile .license-card-new.ds-profile-license .ds-profile-license-anycheat-glow { display: none !important; } body.ds-v2.ds-sanctum-profile .license-card-new.ds-profile-license .license-card-new-header { display: flex; flex-wrap: wrap; align-items: center; gap: 0.85rem 1rem; padding: clamp(1.35rem, 2.2vw, 2rem) clamp(1.5rem, 2.8vw, 2.25rem); background: linear-gradient(180deg, rgba(var(--color-accent-rgb), 0.1) 0%, rgba(0, 0, 0, 0.14) 100%); border-bottom: 1px solid rgba(var(--color-accent-rgb), 0.14); } body.ds-v2.ds-sanctum-profile .license-card-new.ds-profile-license .ds-profile-license-site { padding: 0.6rem clamp(1.5rem, 2.8vw, 2.25rem); border-top: 1px solid rgba(var(--color-accent-rgb), 0.1); background: linear-gradient(180deg, rgba(0, 0, 0, 0.22), rgba(var(--color-accent-rgb), 0.04)); } body.ds-v2.ds-sanctum-profile .ds-profile-license-site-link:hover { color: var(--color-accent-light); text-decoration-color: rgba(var(--color-accent-rgb), 0.75); } .ds-profile-license-title-row { display: flex; flex-wrap: wrap; align-items: center; gap: 0.65rem 1rem; flex: 1 1 100%; min-width: 0; } body.ds-v2.ds-sanctum-profile .ds-profile-license-heading { margin: 0; flex: 1 1 auto; min-width: 0; font-family: var(--font-display); font-size: clamp(1.35rem, 2.5vw, 1.95rem); font-weight: 700; letter-spacing: -0.02em; text-transform: none; line-height: 1.15; color: var(--color-heading); } body.ds-v2.ds-sanctum-profile .ds-profile-license-domain { display: inline-block; max-width: 100%; word-break: break-word; background: linear-gradient(135deg, var(--color-accent-light), var(--color-accent)); -webkit-background-clip: text; background-clip: text; color: transparent; } body.ds-v2.ds-sanctum-profile .license-card-new.ds-profile-license .license-card-new-header > .status-tag { margin-left: auto; } body.ds-v2.ds-sanctum-profile .license-card-new.ds-profile-license .license-header-meta { flex: 1 1 260px; margin-left: 0; } body.ds-v2.ds-sanctum-profile .license-card-new.ds-profile-license .license-card-new-body { padding: clamp(1.65rem, 2.8vw, 2.15rem) clamp(1.5rem, 2.8vw, 2.25rem); gap: clamp(1.35rem, 2.2vw, 2rem); } body.ds-v2.ds-sanctum-profile .license-card-new.ds-profile-license .license-card-new-footer.ds-profile-license-footer { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 0.75rem 1rem; padding: clamp(1.15rem, 2vw, 1.65rem) clamp(1.5rem, 2.8vw, 2.25rem); border-top: 1px solid rgba(var(--color-accent-rgb), 0.14); background: linear-gradient(0deg, rgba(var(--color-accent-rgb), 0.07), rgba(0, 0, 0, 0.1)); } body.ds-v2.ds-sanctum-profile .license-card-new.ds-profile-license .license-card-new-footer.ds-profile-license-footer .download-buttons { display: flex; flex-wrap: wrap; gap: 0.65rem 0.85rem; align-items: center; } body.ds-v2.ds-sanctum-profile .license-card-new.ds-profile-license .license-card-new-footer.ds-profile-license-footer .download-buttons .btn, body.ds-v2.ds-sanctum-profile .license-card-new.ds-profile-license .license-card-new-footer.ds-profile-license-footer .download-buttons .ds-btn { min-height: 48px; } body.ds-v2.ds-sanctum-profile .license-card-new.ds-profile-license .license-card-new-footer.ds-profile-license-footer .btn, body.ds-v2.ds-sanctum-profile .license-card-new.ds-profile-license .license-card-new-footer.ds-profile-license-footer .ds-btn { padding: 0.85rem 1.45rem; min-height: 48px; font-size: 0.95rem; } body.ds-v2.ds-sanctum-profile #profile-sidebar .ds-profile-sidebar-card, body.ds-v2.ds-sanctum-profile #profile-sidebar .card { border-color: rgba(var(--color-accent-rgb), 0.26); background: linear-gradient(165deg, rgba(var(--color-accent-rgb), 0.09) 0%, rgba(0, 0, 0, 0.15) 100%), #12100e; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset, 0 20px 55px rgba(0, 0, 0, 0.65), 0 0 36px rgba(var(--color-accent-rgb), 0.07); backdrop-filter: none; -webkit-backdrop-filter: none; } /* Avatar control: reset native button so it matches the dark card (no white panel). */ body.ds-v2.ds-sanctum-profile #profile-sidebar .profile-avatar-hit { appearance: none; -webkit-appearance: none; background: transparent; color: inherit; width: auto; max-width: 100%; margin-left: auto; margin-right: auto; box-shadow: none; font-family: inherit; } body.ds-v2.ds-sanctum-profile #profile-sidebar .profile-avatar-hit-hint { color: rgba(230, 220, 200, 0.55); } body.ds-v2.ds-sanctum-profile #profile-sidebar .profile-avatar-ring { background: radial-gradient( circle at 50% 38%, rgba(var(--color-accent-rgb), 0.14), transparent 58% ); } body.ds-v2.ds-sanctum-profile #profile-sidebar .profile-avatar-ring .profile-avatar { background: rgba(0, 0, 0, 0.35); } body.ds-v2.ds-sanctum-profile #content-tabs.content-tabs { flex-wrap: wrap; gap: 0.4rem; justify-content: flex-start; padding: 0.5rem 0.5rem 0; border-radius: var(--ds-radius-lg, 18px) var(--ds-radius-lg, 18px) 0 0; border: 1px solid rgba(var(--color-accent-rgb), 0.12); border-bottom: none; background: rgba(0, 0, 0, 0.2); } body.ds-v2.ds-sanctum-profile #content-tabs .content-tab-link { display: inline-flex; flex: 1 1 auto; justify-content: center; min-width: min(100%, 8.5rem); min-height: 48px; padding: 0.9rem 1.35rem; } body.ds-v2.ds-sanctum-profile .license-downloads-section { margin-top: clamp(2rem, 4vw, 3rem); padding: clamp(1.5rem, 2.8vw, 2.25rem); border-radius: var(--ds-radius-xl, 28px); border: 1px solid rgba(var(--color-accent-rgb), 0.18); background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(0, 0, 0, 0.25) 100%), rgba(10, 7, 5, 0.78); box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45); } body.ds-v2.ds-sanctum-profile .license-downloads-grid.ds-profile-downloads-strip { gap: clamp(1.25rem, 2.2vw, 2rem); } body.ds-v2.ds-sanctum-profile .license-downloads-header h3 { font-size: clamp(1.15rem, 2vw, 1.45rem); } /* ── Store ───────────────────────────────────────────────────────── */ body.ds-v2.ds-sanctum-store main.container.ds-store-page.ds-sanctum-page-veil { position: relative; z-index: 1; max-width: min(1520px, 100%); } body.ds-v2.ds-sanctum-store .ds-store-filters-bar { padding: 0.85rem 1.1rem; border-radius: var(--ds-radius-lg, 22px); border: 1px solid rgba(var(--color-accent-rgb), 0.16); background: rgba(0, 0, 0, 0.22); } body.ds-v2.ds-sanctum-store .store-filters { gap: 0.65rem 0.85rem; justify-content: flex-start; margin-bottom: 0; } body.ds-v2.ds-sanctum-store .store-filter-chip { padding: 0.72rem 1.35rem; font-size: 0.78rem; min-height: 46px; display: inline-flex; align-items: center; } body.ds-v2.ds-sanctum-store .products-grid-deluxe { gap: clamp(1.5rem, 2.5vw, 2.25rem); grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); } @media (min-width: 1200px) { body.ds-v2.ds-sanctum-store .products-grid-deluxe { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); } } body.ds-v2.ds-sanctum-store .product-card-deluxe.ds-store-product-card .card-image { height: 228px; padding: 1rem; } body.ds-v2.ds-sanctum-store .product-card-deluxe.ds-store-product-card .card-content { padding: clamp(1.35rem, 2vw, 1.85rem); } body.ds-v2.ds-sanctum-store .product-card-deluxe.ds-store-product-card .product-name { font-size: clamp(1.12rem, 1.8vw, 1.28rem); } body.ds-v2.ds-sanctum-store .product-card-deluxe.ds-store-product-card { border-color: rgba(var(--color-accent-rgb), 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 18px 55px rgba(0, 0, 0, 0.58), 0 0 0 1px rgba(var(--color-accent-rgb), 0.06); } /* ── Releases (sanctum + hero parity) ───────────────────────────── */ body.ds-v2.ds-sanctum-releases main.releases-main.ds-sanctum-page-veil { position: relative; z-index: 1; } body.ds-v2.ds-sanctum-releases .releases-intro.ds-page-hero { padding: clamp(2rem, 4vw, 3rem) clamp(1.25rem, 3vw, 2rem); margin-bottom: clamp(2rem, 3vw, 2.75rem); border-radius: var(--ds-radius-xl, 28px); border: 1px solid rgba(var(--color-accent-rgb), 0.22); background: linear-gradient(135deg, rgba(10, 7, 5, 0.92) 0%, rgba(10, 7, 5, 0.82) 100%), url("/images/anybackgorund.png") center / cover no-repeat; box-shadow: 0 24px 70px rgba(0, 0, 0, 0.45), 0 0 40px rgba(var(--color-accent-rgb), 0.06); position: relative; overflow: hidden; } body.ds-v2.ds-sanctum-releases .releases-intro.ds-page-hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(8, 5, 3, 0.55) 0%, rgba(10, 7, 5, 0.88) 100%); } body.ds-v2.ds-sanctum-releases .releases-intro .ds-page-hero__inner { position: relative; z-index: 1; } body.ds-v2.ds-sanctum-releases .releases-title { font-size: clamp(2rem, 3.5vw, 2.65rem); letter-spacing: -0.02em; } body.ds-v2.ds-sanctum-releases .releases-subtitle { font-size: clamp(1rem, 1.6vw, 1.12rem); max-width: 40ch; margin-left: auto; margin-right: auto; } body.ds-v2.ds-sanctum-releases .releases-grid-wrap { max-width: min(1180px, 100%); padding: 0; border: none; background: transparent; box-shadow: none; backdrop-filter: none; } body.ds-v2.ds-sanctum-releases .releases-grid.ds-releases-stack { gap: clamp(1.75rem, 3vw, 2.5rem); } body.ds-v2.ds-sanctum-releases .releases-intro.ds-page-hero { display: none; } @media (max-width: 1100px) { body.ds-v2.ds-sanctum-releases .ds-releases-section-cards { grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); } }