@property --lux-sheen { syntax: '<angle>'; inherits: false; initial-value: 120deg; }
:root {
--lux-bg: #000000;
--lux-bg-soft: #050505;
--lux-surface: #0b0b0c;
--lux-surface-raised: #121213;
--lux-text: #ffffff;
--lux-text-secondary: #ffffff;
--lux-text-muted: #f2f2f2;
--lux-gold: #e0a82e;
--lux-gold-light: #ffd36a;
--lux-gold-dark: #a86f12;
--lux-silver: #e6e6e6;
--lux-line: rgba(240, 190, 80, .28);
--lux-glass: rgba(14, 14, 15, .55);
--lux-glass-border: rgba(255, 220, 140, .2);
--lux-radius-s: 12px;
--lux-radius: 20px;
--lux-radius-l: 28px;
--lux-ease: cubic-bezier(.19, 1, .22, 1);
--lux-ease-soft: cubic-bezier(.25, .8, .25, 1);
--lux-font: 'Manrope', 'Segoe UI', Arial, sans-serif;
--lux-serif: 'Cormorant Garamond', 'Didot', 'Bodoni MT', 'Times New Roman', serif; --ink: var(--lux-bg);
--ink2: var(--lux-bg-soft);
--gold: var(--lux-gold);
--goldBright: var(--lux-gold-light);
--goldSoft: var(--lux-gold-light);
--white: var(--lux-text);
--muted: var(--lux-text-muted);
}
html { background: var(--lux-bg); scrollbar-color: var(--lux-gold-dark) var(--lux-bg); }
body { background: var(--lux-bg); font-family: var(--lux-font); color: var(--lux-text); overflow-x: clip; }
body::before { opacity: .09; } :focus-visible { outline: 2px solid var(--lux-gold-light); outline-offset: 3px; border-radius: 4px; }
.skip-link { position: fixed; left: 16px; top: -60px; z-index: 400; padding: 10px 16px; border-radius: 10px; background: var(--lux-gold); color: #111 !important; font-weight: 800; text-decoration: none; transition: top .25s; }
.skip-link:focus { top: 12px; } .lux-ambient { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden;
background:
radial-gradient(ellipse 60% 45% at 50% -10%, rgba(224, 168, 46, .07), transparent 70%),
linear-gradient(180deg, #08080a 0%, #070708 40%, #0a0a0b 100%); }
.lux-ambient::before { content: ""; position: absolute; inset: 0;
background-image: repeating-linear-gradient(90deg, rgba(255, 211, 106, .045) 0 1px, transparent 1px 160px);
-webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, #000 20%, transparent 85%);
mask-image: radial-gradient(ellipse 80% 70% at 50% 40%, #000 20%, transparent 85%); }
.lux-ambient i { position: absolute; border-radius: 50%; will-change: transform;
transform: translate3d(0, calc(var(--lux-sy, 0) * var(--k, -.04) * 1px), 0); }
.lux-ambient i:nth-child(1) { --k: -.05; width: 70vmax; height: 70vmax; left: -28vmax; top: 18vh; background: radial-gradient(circle, rgba(224, 168, 46, .10), transparent 62%); }
.lux-ambient i:nth-child(2) { --k: -.09; width: 55vmax; height: 55vmax; right: -22vmax; top: 55vh; background: radial-gradient(circle, rgba(168, 111, 18, .13), transparent 64%); }
.lux-ambient i:nth-child(3) { --k: -.02; width: 40vmax; height: 40vmax; left: 35vw; top: 110vh; background: radial-gradient(circle, rgba(201, 199, 194, .045), transparent 66%); } .lux-glass {
--glass-bg: var(--lux-glass);
--glass-blur: 16px;
--glass-border: var(--lux-glass-border);
--glass-hi: rgba(255, 246, 228, .10);
position: relative;
isolation: isolate;
background:
linear-gradient(145deg, rgba(255, 255, 255, .065) 0%, rgba(255, 255, 255, .012) 38%, rgba(224, 168, 46, .035) 100%),
var(--glass-bg) !important;
border: 1px solid var(--glass-border) !important;
box-shadow:
inset 0 1px 0 var(--glass-hi),
inset 0 -1px 0 rgba(0, 0, 0, .45),
inset 0 0 0 1px rgba(255, 255, 255, .015),
0 24px 60px -18px rgba(0, 0, 0, .65) !important;
-webkit-backdrop-filter: blur(var(--glass-blur)) saturate(145%);
backdrop-filter: blur(var(--glass-blur)) saturate(145%);
transition: border-color .5s var(--lux-ease), box-shadow .5s var(--lux-ease), transform .6s var(--lux-ease), background .5s;
} .lux-glass::before {
content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
background: radial-gradient(420px circle at var(--mx, 50%) var(--my, -20%), rgba(255, 211, 106, .13), transparent 46%);
opacity: 0; transition: opacity .5s var(--lux-ease);
} .lux-glass::after {
content: ""; position: absolute; inset: 0; z-index: 2; border-radius: inherit; pointer-events: none; padding: 1px;
background: conic-gradient(from var(--lux-sheen), transparent 0 18%, rgba(255, 211, 106, .55) 25%, transparent 34% 66%, rgba(255, 255, 255, .22) 74%, transparent 82%);
-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
-webkit-mask-composite: xor; mask-composite: exclude;
opacity: .35; transition: opacity .6s var(--lux-ease), --lux-sheen 1.4s var(--lux-ease);
}
.lux-glass:hover, .lux-glass:focus-within { border-color: rgba(255, 211, 106, .32) !important; }
.lux-glass:hover::before, .lux-glass:focus-within::before { opacity: 1; }
.lux-glass:hover::after, .lux-glass:focus-within::after { opacity: .9; --lux-sheen: 300deg; }
.lux-glass--subtle { --glass-bg: rgba(255, 255, 255, .018); --glass-blur: 0px; --glass-border: rgba(255, 226, 160, .07); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important; }
.lux-glass--subtle::after { opacity: .15; }
.lux-glass--hero { --glass-bg: rgba(16, 16, 18, .42); --glass-blur: 22px; --glass-border: rgba(255, 211, 106, .24); --glass-hi: rgba(255, 240, 210, .18); }
.lux-glass--form { --glass-bg: rgba(14, 14, 16, .74); --glass-blur: 20px; --glass-border: rgba(255, 211, 106, .22); }
.lux-glass--overlay { --glass-bg: rgba(9, 9, 11, .78); --glass-blur: 28px; }
.lux-glass--nav { --glass-bg: rgba(8, 8, 10, .55); --glass-blur: 22px; --glass-border: rgba(255, 211, 106, .14); }
.lux-glass--rule { border-left: 2px solid var(--lux-gold-dark) !important; } @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
.lux-glass { --glass-bg: rgba(22, 22, 25, .92); }
.lux-glass--subtle { --glass-bg: rgba(255, 255, 255, .03); }
} @media (pointer: coarse), (max-width: 760px) {
.lux-glass:not(.lux-glass--nav):not(.lux-glass--overlay):not(.lux-glass--hero):not(.lux-glass--form) {
-webkit-backdrop-filter: none; backdrop-filter: none; --glass-bg: rgba(24, 24, 27, .78);
}
.lux-glass--subtle { --glass-bg: rgba(255, 255, 255, .025) !important; }
} .topbar { background: rgba(8, 8, 10, .55) !important; border-bottom: 1px solid rgba(255, 211, 106, .12);
-webkit-backdrop-filter: blur(22px) saturate(160%); backdrop-filter: blur(22px) saturate(160%);
transition: min-height .5s var(--lux-ease), background .5s, box-shadow .5s; }
.topbar.is-scrolled { min-height: 66px; background: rgba(8, 8, 10, .74) !important; box-shadow: 0 18px 40px -20px #000; }
.topbar::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; pointer-events: none;
background: linear-gradient(90deg, transparent, var(--lux-gold) calc(var(--lux-read, 0) * 100%), transparent calc(var(--lux-read, 0) * 100% + 1px));
opacity: .8; }
.brand { font-family: var(--lux-font); }
.brand span { color: var(--lux-gold); }
.topnav > a, .nav-dropdown > button { position: relative; color: var(--lux-text-secondary); font-family: var(--lux-font); }
.topnav > a::after, .nav-dropdown > button::after { content: ""; position: absolute; left: 0; right: 0; bottom: 8px; height: 1px;
background: linear-gradient(90deg, var(--lux-gold-dark), var(--lux-gold-light)); transform: scaleX(0); transform-origin: right;
transition: transform .5s var(--lux-ease); }
.topnav > a:hover::after, .topnav > a.active::after, .nav-dropdown:hover > button::after, .nav-dropdown:focus-within > button::after { transform: scaleX(1); transform-origin: left; }
.topnav > a.active { color: var(--lux-gold-light); }
.nav-dropdown-menu { border-radius: var(--lux-radius) !important; padding: 10px !important; border: 1px solid rgba(255, 211, 106, .2) !important;
background: rgba(12, 12, 14, .82) !important; -webkit-backdrop-filter: blur(24px) saturate(150%); backdrop-filter: blur(24px) saturate(150%); }
.nav-dropdown-menu a { border-radius: 10px; border-bottom: 0 !important; transition: background .3s, color .3s, padding .4s var(--lux-ease); }
.nav-dropdown-menu a:hover, .nav-dropdown-menu a:focus-visible { background: rgba(224, 168, 46, .1); color: var(--lux-gold-light); padding-left: 20px; }
.nav-dropdown-menu a.active { color: var(--lux-gold-light); }
.topbar .cta { border-radius: 999px; border-color: rgba(255, 211, 106, .45); background: rgba(224, 168, 46, .06); }
.topbar .cta:hover { background: var(--lux-gold); color: #111; box-shadow: 0 0 0 6px rgba(224, 168, 46, .12); }
.mobile-toggle { border-radius: 12px; border-color: rgba(255, 211, 106, .3); background: rgba(255, 255, 255, .03); }
.mobile-panel { border-bottom: 1px solid rgba(255, 211, 106, .2) !important; background: rgba(9, 9, 11, .86) !important;
-webkit-backdrop-filter: blur(28px) saturate(150%); backdrop-filter: blur(28px) saturate(150%); }
.mobile-panel.open { display: block; animation: luxDrop .55s var(--lux-ease) both; }
.mobile-panel a { border-bottom-color: rgba(255, 211, 106, .1) !important; min-height: 44px; display: flex !important; align-items: center; }
.mobile-panel.open a { animation: luxRise .6s var(--lux-ease) both; animation-delay: calc(var(--i, 0) * 32ms); }
.mobile-panel a.active { color: var(--lux-gold-light); }
@keyframes luxDrop { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: none; } }
@keyframes luxRise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } } .hero-scroll { height: 680vh; }
.hero-sticky { background:
radial-gradient(ellipse 55% 60% at 64% 48%, rgba(224, 168, 46, .10) 0, rgba(28, 26, 22, .5) 32%, transparent 70%),
radial-gradient(ellipse at 50% 120%, #15130f 0, transparent 55%),
linear-gradient(180deg, #060607 0%, #08080a 60%, #070708 100%); }
.hero-sticky::before { background: linear-gradient(100deg, rgba(5, 5, 6, .92) 0%, rgba(5, 5, 6, .55) 30%, transparent 56%); }
.hero-sticky::after { content: ""; position: absolute; inset: auto 0 0; height: 40%; z-index: 9; pointer-events: none;
background: linear-gradient(180deg, transparent, var(--lux-bg));
opacity: clamp(0, calc((var(--hero-p, 0) - .9) * 10), 1); }
.ambient-lines { opacity: .045; }
.hero-glow { background: radial-gradient(circle at 64% 50%, rgba(224, 168, 46, .14), transparent 40%); }
.hero-stage { position: absolute; inset: 0; z-index: 3; pointer-events: none; }
.hero-3d { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.hero-fallback { position: absolute; right: 5%; top: 50%; width: min(44vw, 600px); height: auto; transform: translateY(-48%);
filter: drop-shadow(0 40px 60px rgba(0, 0, 0, .8)) saturate(.9); transition: opacity .8s var(--lux-ease); opacity: 0; }
.no-webgl .hero-fallback, .is-webgl-lost .hero-fallback { opacity: 1; }
.no-webgl .hero-3d, .is-webgl-lost .hero-3d { visibility: hidden; }
.hero-cue { will-change: opacity, transform; }
.hero-copy { transform: translateY(-48%) translateY(var(--cue-shift, 0px)); z-index: 10; }
.hero-copy .eyebrow, .hero-panel .eyebrow { color: var(--lux-gold); }
.hero-copy h1 { font-family: var(--lux-font); font-weight: 700; letter-spacing: -.055em; }
.hero-copy h1 .sv-signature { font-family: var(--lux-serif); font-weight: 700; color: var(--lux-gold-light);
background: linear-gradient(100deg, #ffd36a 0%, #fff6dc 40%, #e0a82e 60%, #ffd36a 100%); background-size: 220% 100%;
-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: luxGoldFlow 9s ease-in-out infinite; }
@keyframes luxGoldFlow { 50% { background-position: 100% 0; } }
.hero-sub { color: var(--lux-text-secondary); }
.hero-panel { position: absolute; z-index: 10; left: clamp(22px, 7.4vw, 130px); top: 50%; width: min(470px, 40vw);
padding: clamp(26px, 2.6vw, 38px); border-radius: var(--lux-radius-l); opacity: 0;
transform: translateY(-50%) translateY(var(--cue-shift, 0px)); }
.hero-panel .eyebrow { margin-bottom: 18px; }
.hero-panel-title { margin: 0 0 12px; font-size: clamp(30px, 3.3vw, 50px); line-height: 1.06; letter-spacing: -.045em; font-weight: 650; color: var(--lux-text); text-wrap: balance; }
.hero-panel-text { margin: 0 0 24px; color: var(--lux-text-secondary); font-size: 15px; line-height: 1.7; }
.hero-panel-links { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; }
.hero-panel .lux-button { gap: 22px; }
.lux-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; color: var(--lux-gold-light) !important; font-size: 12px; font-weight: 800;
letter-spacing: .1em; text-transform: uppercase; text-decoration: none !important; }
.lux-link span { transition: transform .4s var(--lux-ease); }
.lux-link:hover span { transform: translateX(5px); }
.hero-progress { position: absolute; z-index: 10; right: clamp(16px, 2.6vw, 44px); top: 50%; height: 150px; width: 1px; transform: translateY(-50%);
background: rgba(255, 255, 255, .12); }
.hero-progress span { display: block; height: 100%; width: 100%; background: linear-gradient(var(--lux-gold-light), var(--lux-gold-dark)); transform-origin: top; transform: scaleY(0); }
.hero-count { z-index: 10; opacity: clamp(0, calc(1 - var(--hero-p, 0) * 22), 1); }
.hero-signature { opacity: clamp(0, calc(1 - var(--hero-p, 0) * 6), 1); }
.hero-scroll.is-reduced { height: 100svh; }
.is-reduced .hero-panel, .is-reduced .hero-progress { display: none; } .content-shell { background: transparent !important; }
.ornament { background: linear-gradient(90deg, transparent, var(--lux-gold), transparent); opacity: .35; }
.global-section, #page-home .global-section { background: transparent !important; }
.bottom-cta, #page-home .bottom-cta { background: transparent !important; }
.site-footer { background: rgba(6, 6, 7, .7); border-top: 1px solid rgba(255, 211, 106, .14); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); }
.site-footer a { color: var(--lux-text-secondary); transition: color .3s; }
.site-footer a:hover { color: var(--lux-gold-light); }
.view { position: relative; overflow-x: clip; }
.view.is-entering { animation: luxRoute .7s var(--lux-ease) both; }
@keyframes luxRoute { from { opacity: .25; transform: translateY(14px); } to { opacity: 1; transform: none; } }
.section-top h2 { color: var(--lux-text); }
.eyebrow { color: var(--lux-gold); } .source-grid { gap: 22px; }
.source-grid h1, .source-grid h2, .source-grid h3, .source-grid h4 { font-family: var(--lux-font); color: var(--lux-text); text-wrap: balance; }
.source-grid h5 { color: var(--lux-gold-light); }
.source-grid h6 { color: var(--lux-gold); font-size: 11px !important; font-weight: 800; letter-spacing: .32em; text-transform: uppercase; }
.source-grid p, .source-grid li { color: var(--lux-text-secondary); }
.source-grid strong, .source-grid b { color: var(--lux-text); }
.source-grid a:not(.lux-button):not(.btn):not(.elementor-button):not(.sv-tools-more):not(.sv-tool-detail) { color: var(--lux-gold-light); text-decoration-color: rgba(255, 211, 106, .35); transition: color .3s, text-decoration-color .3s; }
.source-grid a:not(.lux-button):hover { color: #fff; text-decoration-color: var(--lux-gold-light); }
.widget-text-editor p, .widget-text-editor li { max-width: 78ch; }
.widget-heading { position: relative; }
.widget-heading:has(h2)::after { content: ""; display: block; width: 56px; height: 1px; margin-top: 14px;
background: linear-gradient(90deg, var(--lux-gold), transparent); transform-origin: left; transform: scaleX(0); transition: transform 1.1s var(--lux-ease) .25s; }
.widget-heading.in:has(h2)::after, .widget-heading:not(.reveal):has(h2)::after { transform: scaleX(1); } .widget-text-editor.lux-glass, .widget-icon-box.lux-glass, .widget-icon-list.lux-glass { border-radius: var(--lux-radius); }
.widget-icon-box.lux-glass { border-left: 2px solid var(--lux-gold-dark) !important; }
.widget-icon-box .elementor-icon-box-title { color: var(--lux-text); } .image-frame { padding: 6px; border-radius: var(--lux-radius); background: linear-gradient(135deg, rgba(255, 211, 106, .45), rgba(255, 255, 255, .04) 25%, rgba(255, 255, 255, .02) 75%, rgba(224, 168, 46, .4)) !important; overflow: hidden; }
.image-frame img { border-radius: calc(var(--lux-radius) - 6px); background: var(--lux-bg-soft); } .widget-ucaddon_marquee { border-radius: 999px; border: 1px solid rgba(255, 211, 106, .22) !important; background: rgba(224, 168, 46, .06) !important;
overflow: hidden; position: relative; padding: 14px 24px !important; }
.widget-ucaddon_marquee::after { content: ""; position: absolute; inset: 0; pointer-events: none;
background: linear-gradient(100deg, transparent 30%, rgba(255, 236, 196, .16) 50%, transparent 70%); transform: translateX(-100%); animation: luxSweep 5.5s var(--lux-ease-soft) infinite; }
.widget-ucaddon_marquee h5 { margin: 0 !important; font-size: 13px !important; letter-spacing: .14em; }
@keyframes luxSweep { 60%, 100% { transform: translateX(100%); } } .lux-button { position: relative; overflow: hidden; border-radius: 999px; padding: 15px 24px; background: linear-gradient(135deg, #ffe08a, #e0a82e 55%, #a86f12); border-color: rgba(255, 236, 196, .7);
box-shadow: 0 12px 34px -10px rgba(224, 168, 46, .45), inset 0 1px 0 rgba(255, 255, 255, .5); transition: transform .45s var(--lux-ease), box-shadow .45s var(--lux-ease); }
.lux-button::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 35%, rgba(255, 255, 255, .55) 50%, transparent 65%); transform: translateX(-120%); transition: transform .9s var(--lux-ease); pointer-events: none; }
.lux-button:hover::after, .lux-button:focus-visible::after { transform: translateX(120%); }
.lux-button:hover { transform: translateY(-3px); box-shadow: 0 18px 44px -12px rgba(224, 168, 46, .55), inset 0 1px 0 rgba(255, 255, 255, .5); }
.lux-button:active { transform: translateY(0) scale(.98); }
.lux-button .arrow { transition: transform .45s var(--lux-ease); }
.lux-button:hover .arrow { transform: translate(3px, -3px); }
.source-grid .elementor-button, .source-grid .btn { border-radius: 999px !important; transition: transform .4s var(--lux-ease), box-shadow .4s, background .4s; }
.source-grid .elementor-button:hover, .source-grid .btn:hover { transform: translateY(-2px); box-shadow: 0 12px 30px -12px rgba(224, 168, 46, .6); }
.student-link { border-radius: 999px; transition: color .3s, background .3s; } #page-home .section-top h2 { max-width: 900px; }
#page-home .sv-stats-grid > .widget-icon-box.lux-glass { border-radius: var(--lux-radius) !important; border-left-width: 1px !important; }
#page-home .sv-stats-grid .elementor-icon-box-title { background: linear-gradient(180deg, #ffffff, var(--lux-gold-light) 60%, var(--lux-gold)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
#page-home .sv-contact-grid > .widget-text-editor.lux-glass { border-radius: var(--lux-radius) !important; }
#page-home .sv-contact-icon { color: var(--lux-gold-light); } .source-grid .cards-grid > .card.lux-glass { border-radius: var(--lux-radius-l) !important; }
.source-grid .cards-grid > .card .h-64 { overflow: hidden; }
.source-grid .cards-grid > .card img { transition: transform 1.1s var(--lux-ease), filter .6s; filter: saturate(.92) contrast(1.05); }
.source-grid .cards-grid > .card:hover img { transform: scale(1.06); filter: saturate(1) contrast(1.08); }
.source-grid .cards-grid > .card .h-64::after { content: ""; position: absolute; inset: auto 0 0; height: 55%; background: linear-gradient(transparent, rgba(7, 7, 8, .85)); pointer-events: none; }
.source-grid .cards-grid > .card h3 { color: var(--lux-text) !important; }
.source-grid .cards-grid > .card .btn { background: linear-gradient(135deg, #ffd36a, #c98a1c) !important; color: #15110a !important; font-weight: 800 !important; border: 0 !important; } #page-home .sv-review-card.lux-glass { border-radius: var(--lux-radius-l) !important; color: var(--lux-text); }
#page-home .sv-review-card .sv-review-card-head { border-bottom-color: rgba(255, 211, 106, .14); }
#page-home .sv-review-card .sv-review-card-head h3 { color: var(--lux-text) !important; }
#page-home .sv-review-card .sv-review-copy { color: var(--lux-text-secondary); scrollbar-color: var(--lux-gold-dark) transparent; }
#page-home .sv-review-card .sv-review-copy p { color: var(--lux-text-secondary) !important; }
#page-home .sv-review-card .sv-review-bottom { border-top-color: rgba(255, 211, 106, .14); }
#page-home .sv-review-card .sv-review-source { color: var(--lux-gold-light) !important; }
#page-home .sv-review-card .sv-review-source:hover { color: #fff !important; }
.sv-review-quote { font-family: var(--lux-serif); color: var(--lux-gold); }
.sv-review-stars { color: var(--lux-gold); }
.sv-review-copy::-webkit-scrollbar-thumb { background: var(--lux-gold-dark); }
.sv-all-reviews { border-radius: 999px; border-color: rgba(255, 211, 106, .45); } .sv-tool-card.lux-glass { border-radius: var(--lux-radius) !important; transform-style: preserve-3d;
transform: perspective(900px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(var(--lift, 0)); }
.sv-tool-card.lux-glass:hover { --lift: -6px; }
.sv-tool-photo { border-radius: calc(var(--lux-radius) - 1px) calc(var(--lux-radius) - 1px) 0 0; }
.sv-tools-more { border-radius: 999px; } #page-home .sv-telegram-preview.lux-glass { border-radius: var(--lux-radius-l) !important; color: var(--lux-text) !important; }
#page-home .sv-telegram-preview .sv-telegram-title { color: var(--lux-text); }
#page-home .sv-telegram-preview .sv-telegram-subtitle { color: var(--lux-text-muted); }
#page-home .sv-telegram-preview .sv-telegram-description { color: var(--lux-text-secondary); }
#page-home .sv-telegram-preview .sv-telegram-description.secondary { color: var(--lux-text-muted); }
#page-home .sv-telegram-preview .sv-telegram-avatar { box-shadow: 0 0 0 1px rgba(255, 211, 106, .4), 0 0 0 8px rgba(224, 168, 46, .06); }
#page-home .sv-telegram-preview .sv-telegram-button { background: linear-gradient(135deg, #ffd36a, #c98a1c); color: #15110a; transition: transform .4s var(--lux-ease), box-shadow .4s; }
#page-home .sv-telegram-preview:hover .sv-telegram-button { transform: translateY(-2px); box-shadow: 0 10px 26px -10px rgba(224, 168, 46, .7); }
.global-copy h2 em { color: var(--lux-gold-light); } .page-hero { background: radial-gradient(ellipse 50% 70% at 78% 40%, rgba(224, 168, 46, .10), transparent 65%) !important; isolation: isolate; }
.page-hero h1 { font-family: var(--lux-font); color: var(--lux-text); text-wrap: balance; hyphens: auto; -webkit-hyphens: auto; overflow-wrap: break-word; }
.page-hero h1 .w { display: inline-block; opacity: 0; transform: translateY(.45em); filter: blur(6px);
animation: luxWord .9s var(--lux-ease) forwards; animation-delay: calc(120ms + var(--w) * 70ms); }
@keyframes luxWord { to { opacity: 1; transform: none; filter: none; } }
.page-hero .index { color: transparent; -webkit-text-stroke: 1px rgba(224, 168, 46, .16); transform: translate3d(0, calc(var(--lux-sy, 0) * .18px), 0); }
.page-hero::after { content: ""; position: absolute; left: clamp(24px, 8vw, 150px); right: clamp(24px, 8vw, 150px); bottom: 0; height: 1px;
background: linear-gradient(90deg, var(--lux-gold), rgba(224, 168, 46, .15) 60%, transparent); transform-origin: left; animation: luxLine 1.4s var(--lux-ease) .35s both; }
@keyframes luxLine { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.page-hero::before { animation: luxFloat 14s ease-in-out infinite alternate; z-index: -1; }
@keyframes luxFloat { to { transform: translate3d(-18px, 14px, 0) rotate(2deg); } } [data-page="courses"] .page-hero::before { width: 360px; height: 120%; top: -10%; right: 8%; border: 0; border-radius: 0; box-shadow: none;
background: linear-gradient(90deg, transparent 0 calc(16.6% - 1px), rgba(255, 211, 106, .25) 16.6%, transparent calc(16.6% + 1px) calc(50% - 1px), rgba(255, 211, 106, .35) 50%, transparent calc(50% + 1px) calc(83.3% - 1px), rgba(255, 211, 106, .25) 83.3%, transparent calc(83.3% + 1px)); } [data-page="clean"] .page-hero::before { width: 560px; height: 560px; top: -170px; border: 1px solid rgba(224, 168, 46, .22); border-radius: 50%;
box-shadow: 0 0 0 40px rgba(224, 168, 46, .03), 0 0 0 41px rgba(224, 168, 46, .14), 0 0 0 110px rgba(224, 168, 46, .02), 0 0 0 111px rgba(224, 168, 46, .09); } [data-page="vandal"] .page-hero::before { width: 620px; height: 140%; top: -20%; right: 0; border: 0; border-radius: 0; box-shadow: none;
background: repeating-linear-gradient(118deg, transparent 0 46px, rgba(224, 168, 46, .16) 46px 47px, transparent 47px 92px, rgba(255, 255, 255, .05) 92px 94px);
-webkit-mask-image: linear-gradient(90deg, transparent, #000 45%); mask-image: linear-gradient(90deg, transparent, #000 45%); } [data-page="basic"] .page-hero::before { width: 520px; height: 120%; top: -10%; right: 4%; border: 0; border-radius: 0; box-shadow: none;
background: radial-gradient(circle, rgba(255, 211, 106, .32) 1.2px, transparent 1.6px) 0 0 / 32px 32px;
-webkit-mask-image: radial-gradient(ellipse at 60% 50%, #000 20%, transparent 70%); mask-image: radial-gradient(ellipse at 60% 50%, #000 20%, transparent 70%); } [data-page="expert"] .page-hero::before { width: 560px; height: 130%; top: -15%; right: 3%; border: 0; border-radius: 0; box-shadow: none;
background: linear-gradient(152deg, transparent 49.8%, rgba(255, 211, 106, .5) 50%, transparent 50.2%), radial-gradient(circle, rgba(255, 211, 106, .3) 1px, transparent 1.4px) 0 0 / 18px 18px;
-webkit-mask-image: radial-gradient(ellipse at 60% 50%, #000 25%, transparent 72%); mask-image: radial-gradient(ellipse at 60% 50%, #000 25%, transparent 72%); } [data-page="students"] .page-hero::before { width: 520px; height: 520px; top: -120px; border: 1px solid rgba(224, 168, 46, .24); border-radius: 50%; box-shadow: none;
background: radial-gradient(ellipse 22% 50% at 50% 50%, transparent 98%, rgba(224, 168, 46, .2) 99%, transparent 100%), radial-gradient(ellipse 48% 50% at 50% 50%, transparent 98.5%, rgba(224, 168, 46, .16) 99.2%, transparent 100%), linear-gradient(transparent calc(50% - .5px), rgba(224, 168, 46, .2) 50%, transparent calc(50% + .5px)); } [data-page="faq"] .page-hero::before { content: "?"; width: auto; height: auto; top: -60px; right: 9%; border: 0; border-radius: 0; box-shadow: none;
font: 700 440px/1 var(--lux-serif); color: transparent; -webkit-text-stroke: 1px rgba(224, 168, 46, .3); } [data-page="tools"] .page-hero::before { width: 380px; height: 380px; top: -40px; right: 10%; border: 1px solid rgba(224, 168, 46, .25); border-radius: 50%; box-shadow: inset 0 0 0 70px rgba(224, 168, 46, .02);
background: linear-gradient(transparent calc(50% - .5px), rgba(255, 211, 106, .35) 50%, transparent calc(50% + .5px)), linear-gradient(90deg, transparent calc(50% - .5px), rgba(255, 211, 106, .35) 50%, transparent calc(50% + .5px)); } [data-page="contacts"] .page-hero::before { width: 300px; height: 300px; top: 30px; right: 12%; border: 1px solid rgba(224, 168, 46, .3); border-radius: 50%; box-shadow: none; animation: luxPulse 4.5s var(--lux-ease-soft) infinite; }
@keyframes luxPulse { 0% { transform: scale(.6); opacity: .9; } 100% { transform: scale(1.6); opacity: 0; } } [data-page="blog"] .page-hero::before { width: 520px; height: 100%; top: 0; right: 6%; border: 0; border-radius: 0; box-shadow: none;
background: repeating-linear-gradient(180deg, transparent 0 21px, rgba(255, 211, 106, .14) 21px 22px);
-webkit-mask-image: linear-gradient(90deg, transparent, #000 30%, #000 70%, transparent); mask-image: linear-gradient(90deg, transparent, #000 30%, #000 70%, transparent); } .student-card.lux-glass { border-radius: var(--lux-radius) !important; overflow: hidden; }
.student-card .image-frame { border-radius: 0 !important; padding: 0 !important; background: none !important; }
.student-card .image-frame img { height: auto !important; aspect-ratio: 1 / 1; object-fit: contain !important; object-position: center !important; border-radius: 0; background: radial-gradient(circle at 50% 40%, #17171a, #0a0a0b) !important; transition: transform 1s var(--lux-ease); }
.student-card:hover .image-frame img { transform: scale(1.03); }
.student-card > .widget-heading h5 { color: var(--lux-text) !important; font-size: 17px !important; }
.student-details { border-radius: var(--lux-radius-s) !important; border-color: rgba(255, 211, 106, .18) !important; background: rgba(255, 255, 255, .025) !important; }
.student-details summary { color: var(--lux-gold-light) !important; }
.student-gallery:focus-visible { outline-offset: 6px; } .faq-stack { gap: 14px; }
.faq-item.lux-glass { border-radius: var(--lux-radius) !important; overflow: hidden; }
.faq-item summary { color: var(--lux-text) !important; align-items: center; transition: color .3s, padding .5s var(--lux-ease); min-height: 44px; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary:hover { color: var(--lux-gold-light) !important; padding-left: 34px; }
.faq-item summary::after, .faq-item[open] summary::after { content: "" !important; flex: none; width: 26px; height: 26px; border-radius: 50%;
border: 1px solid rgba(255, 211, 106, .4);
background: linear-gradient(var(--lux-gold-light), var(--lux-gold-light)) center / 10px 1px no-repeat, linear-gradient(var(--lux-gold-light), var(--lux-gold-light)) center / 1px 10px no-repeat;
transition: transform .55s var(--lux-ease), background-color .4s; }
.faq-item[open] summary::after { transform: rotate(135deg); background-color: rgba(224, 168, 46, .14); }
.faq-item .answer { border-top-color: rgba(255, 211, 106, .14) !important; }
.faq-item .answer p { color: var(--lux-text-secondary); } .source-grid .widget-form.lux-glass { border-radius: var(--lux-radius-l) !important; }
.source-grid .widget-form .elementor-field, .source-grid .widget-form .elementor-field-textual, .source-grid .widget-form .elementor-upload-field,
.wpforms-container input:not([type=checkbox]):not([type=radio]):not([type=submit]), .wpforms-container textarea, .wpforms-container select {
background: rgba(8, 8, 10, .6) !important; border: 1px solid rgba(255, 211, 106, .22) !important; border-radius: 14px !important; color: var(--lux-text) !important; }
.wpforms-container input:not([type=checkbox]):not([type=radio]):not([type=submit]), .wpforms-container textarea, .wpforms-container select { width: 100%; padding: 14px 16px; font: 500 16px/1.5 var(--lux-font); }
.wpforms-container input:focus, .wpforms-container textarea:focus, .source-grid .widget-form input:focus, .source-grid .widget-form textarea:focus {
outline: 0; border-color: var(--lux-gold-light) !important; box-shadow: 0 0 0 4px rgba(224, 168, 46, .16) !important; }
.wpforms-container .wpforms-field { margin: 0 0 16px; padding: 0; }
.wpforms-container .wpforms-field-label { display: block; margin-bottom: 8px; color: var(--lux-gold-light); font-weight: 700; font-size: 14px; }
.wpforms-container .wpforms-submit, .source-grid .widget-form button[type=submit] { border-radius: 999px !important; }
.wpforms-container .wpforms-submit { appearance: none; min-height: 54px; padding: 14px 30px; border: 1px solid rgba(255, 236, 196, .7); color: #15110a; font-weight: 800; background: linear-gradient(135deg, #ffe08a, #c98a1c); cursor: pointer; }
.lux-form-status { margin: 16px 0 0; padding: 14px 18px; border-radius: 14px; border: 1px solid rgba(255, 211, 106, .3); background: rgba(224, 168, 46, .08); color: var(--lux-text); font-size: 14px; line-height: 1.6; }
.lux-form-status a { color: var(--lux-gold-light); }
.lux-form-status[hidden] { display: none; } .external-card.lux-glass { border-radius: var(--lux-radius-l) !important; min-height: 190px; padding: 32px 34px; overflow: hidden; }
.external-card strong { color: var(--lux-text); transition: color .3s; }
.external-card small { color: var(--lux-text-muted); }
.external-card::marker { content: none; }
.external-card .lux-ext-arrow { position: absolute; right: 26px; top: 24px; color: var(--lux-gold-light); font-size: 22px; transition: transform .5s var(--lux-ease); }
.external-card:hover { transform: translateY(-6px); background: none; }
.external-card:hover strong { color: var(--lux-gold-light); }
.external-card:hover .lux-ext-arrow { transform: translate(4px, -4px); }
.lux-contacts { max-width: 1180px; margin: 0 auto; padding: 60px 25px 0; display: grid; gap: 18px; }
.lux-contacts h2 { margin: 0 0 8px; font-size: clamp(26px, 3vw, 40px); letter-spacing: -.04em; font-weight: 650; }
.lux-contacts .sv-contact-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.lux-contacts .sv-contact-grid > .widget { border-radius: var(--lux-radius); padding: 26px 24px; display: flex; flex-direction: column; gap: 12px; }
.lux-contacts .sv-contact-icon { color: var(--lux-gold-light); font-size: 26px; line-height: 1; }
.lux-contacts .sv-contact-grid p { margin: 0; display: flex; flex-direction: column; gap: 7px; }
.lux-contacts .sv-contact-label { color: var(--lux-gold); font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.lux-contacts .sv-contact-value { color: var(--lux-text); font-weight: 700; overflow-wrap: anywhere; }
.lux-contacts .sv-contact-value a { color: var(--lux-gold-light); text-decoration: none; }
.lux-contacts .sv-contact-value a:hover { text-decoration: underline; }
.lux-contacts-note { color: var(--lux-text-muted); font-size: 13px; } .reveal { transition: opacity .9s var(--lux-ease), transform 1s var(--lux-ease), clip-path 1.1s var(--lux-ease), filter .9s var(--lux-ease);
transition-delay: var(--rv-d, 0ms); }
.reveal.rv-head { opacity: 0; transform: translateY(18px); }
.reveal.rv-head > * { clip-path: inset(0 0 100% 0); transition: clip-path 1.1s var(--lux-ease); transition-delay: inherit; }
.reveal.rv-head.in { opacity: 1; transform: none; }
.reveal.rv-head.in > * { clip-path: inset(-20% -5% -30% -5%); } .reveal.rv-panel { opacity: 0; transform: translateY(30px) scale(.985); }
.reveal.rv-side { opacity: 0; transform: translateX(var(--rv-x, -26px)); }
.reveal.rv-depth { opacity: 0; transform: perspective(1000px) translateY(40px) rotateX(7deg) scale(.95); transform-origin: 50% 100%; }
.reveal.rv-img { opacity: 0; transform: scale(.97); }
.reveal.rv-img > * { clip-path: inset(12% 6% 12% 6% round 20px); transition: clip-path 1.2s var(--lux-ease); }
.reveal.rv-img.in > * { clip-path: inset(0 0 0 0 round 0); }
.reveal.rv-panel.in, .reveal.rv-side.in, .reveal.rv-depth.in { opacity: 1; transform: none; }
.reveal.rv-img.in { opacity: 1; transform: none; }
.sv-tool-card.reveal.in { transform: perspective(900px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(var(--lift, 0)); transition-delay: 0ms; }
.reveal.in { transition-delay: var(--rv-d, 0ms); }
.lux-glass.reveal.in { transition: opacity .9s var(--lux-ease), transform 1s var(--lux-ease), border-color .5s, box-shadow .5s; } @media (max-width: 920px) {
.hero-panel { width: min(470px, 56vw); }
.lux-contacts .sv-contact-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
.hero-scroll { height: 560vh; }
.hero-sticky::before { background: linear-gradient(0deg, rgba(5, 5, 6, .96) 0%, rgba(5, 5, 6, .6) 34%, transparent 62%); }
.hero-copy { left: 18px; right: 18px; top: auto; bottom: 92px; width: auto; transform: translateY(var(--cue-shift, 0px)); }
.hero-panel { left: 16px; right: 16px; width: auto; top: auto; bottom: 84px; transform: translateY(var(--cue-shift, 0px)); padding: 22px 20px; border-radius: 22px; }
.hero-panel-title { font-size: clamp(26px, 8vw, 36px); }
.hero-panel-text { margin-bottom: 16px; font-size: 14px; }
.hero-progress { top: 96px; transform: none; height: 90px; right: 14px; }
.hero-fallback { left: 50%; right: auto; top: 30%; width: min(78vw, 420px); transform: translate(-50%, -50%); }
.page-hero::before { opacity: .55; transform: scale(.7); transform-origin: top right; animation: none; }
.reveal.rv-side { transform: translateY(24px); }
.external-card.lux-glass { padding: 26px 24px; min-height: 150px; }
.lux-contacts { padding: 36px 20px 0; } .student-gallery { display: grid; grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 84%; gap: 14px; overflow-x: auto; overscroll-behavior-x: contain;
scroll-snap-type: x mandatory; padding: 4px 20px 30px !important; scrollbar-width: thin; scrollbar-color: var(--lux-gold-dark) transparent; }
.student-gallery > .student-card { scroll-snap-align: center; }
.student-card .image-frame img { height: auto !important; }
}
@media (max-width: 640px) {
.topbar.is-scrolled { min-height: 60px; }
.hero-copy h1 { font-size: clamp(34px, 10vw, 48px); }
.lux-button { padding: 14px 20px; }
#page-home .sv-review-card { width: min(86vw, 440px) !important; }
}
@media (max-width: 360px) {
.hero-copy h1 { font-size: 32px; }
.page-hero h1 { font-size: 29px; }
.hero-panel-links .lux-button { width: 100%; justify-content: space-between; }
} @media (prefers-reduced-motion: reduce) {
.reveal, .reveal.rv-head, .reveal.rv-panel, .reveal.rv-side, .reveal.rv-depth, .reveal.rv-img, .reveal.rv-head > *, .reveal.rv-img > * { opacity: 1 !important; transform: none !important; clip-path: none !important; filter: none !important; }
.page-hero h1 .w { opacity: 1; transform: none; filter: none; animation: none; }
.lux-ambient i, .page-hero .index { transform: none !important; }
.widget-ucaddon_marquee::after, .page-hero::before, .hero-copy h1 .sv-signature { animation: none !important; }
.sv-tool-card.lux-glass { transform: none !important; }
} html, body { background: #000 !important; }
.lux-ambient { background: #000; }
.lux-ambient::before { opacity: .55; }
.lux-ambient i:nth-child(1) { background: radial-gradient(circle, rgba(224, 168, 46, .05), transparent 62%); }
.lux-ambient i:nth-child(2) { background: radial-gradient(circle, rgba(168, 111, 18, .06), transparent 64%); }
.lux-ambient i:nth-child(3) { background: none; }
.hero-sticky { background: radial-gradient(ellipse 50% 55% at 64% 48%, rgba(224, 168, 46, .07) 0, transparent 62%), #000 !important; }
.hero-sticky::before { background: linear-gradient(100deg, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .5) 30%, transparent 56%); }
.hero-glow { background: radial-gradient(circle at 64% 50%, rgba(224, 168, 46, .1), transparent 40%); }
.page-hero { background: radial-gradient(ellipse 50% 70% at 78% 40%, rgba(224, 168, 46, .08), transparent 65%), #000 !important; }
.topbar { background: rgba(0, 0, 0, .7) !important; }
.topbar.is-scrolled { background: rgba(0, 0, 0, .85) !important; }
.mobile-panel { background: rgba(0, 0, 0, .92) !important; }
.nav-dropdown-menu { background: rgba(0, 0, 0, .9) !important; }
.site-footer { background: #000; } body, p, li, span, small, label, summary, td, th, blockquote, figcaption { color: #fff; }
.hero-sub, .hero-panel-text, .hero-count, .section-top p,
.source-grid p, .source-grid li, .source-grid span:not(.arrow), .source-grid small,
.widget-icon-box .elementor-icon-box-description, #page-home .sv-stats-grid .elementor-icon-box-description,
.sv-tools-head p, .tool-meta p, .tools-lead p, .tools-footer p, .external-card small, .external-note,
.faq-item .answer p, .sv-review-copy p, #page-home .sv-review-card .sv-review-copy p,
#page-home .sv-telegram-preview .sv-telegram-subtitle, #page-home .sv-telegram-preview .sv-telegram-description,
#page-home .sv-telegram-preview .sv-telegram-description.secondary, .lux-contacts-note,
.site-footer, .site-footer span, .site-footer a, .topnav > a, .nav-dropdown > button, .nav-dropdown-menu a, .mobile-panel a,
.global-label, .globe-drag-hint, .source-grid input::placeholder, .source-grid textarea::placeholder { color: #fff !important; }
.topnav > a, .nav-dropdown > button { opacity: .92; }
.topnav > a:hover, .topnav > a.active, .nav-dropdown-menu a:hover, .nav-dropdown-menu a.active, .mobile-panel a.active { color: var(--lux-gold-light) !important; opacity: 1; }
.site-footer a:hover { color: var(--lux-gold-light) !important; } .eyebrow, .sv-tools-kicker, .sv-tool-num, .sv-review-eyebrow, .sv-contact-label, .lux-contacts .sv-contact-label, .source-grid h6, .tool-index { color: var(--lux-gold) !important; }
.source-grid h5, .student-details summary, .lux-link, .sv-tool-detail, .source-grid a:not(.lux-button):not(.btn):not(.elementor-button):not(.sv-tools-more) { color: var(--lux-gold-light) !important; }
.source-grid strong, .source-grid b { color: #fff !important; }
.sv-review-stars, .sv-review-quote, .widget-star-rating { color: var(--lux-gold) !important; }
.brand span { color: var(--lux-gold) !important; } .lux-button, .sv-tools-more, .tools-main-link, .source-grid .elementor-button, .source-grid .btn,
.source-grid .widget-form button[type=submit], .wpforms-container .wpforms-submit, #page-home .sv-telegram-preview .sv-telegram-button,
.source-grid .cards-grid > .card .btn {
background: linear-gradient(135deg, #ffe38f 0%, #f2b93b 45%, #c98a1c 100%) !important; border-color: #ffd36a !important; color: #120c00 !important; }
.lux-button { box-shadow: 0 12px 34px -10px rgba(224, 168, 46, .65), inset 0 1px 0 rgba(255, 255, 255, .55); }
.topbar .cta { color: var(--lux-gold-light) !important; border-color: var(--lux-gold) !important; }
.topbar .cta:hover { background: var(--lux-gold) !important; color: #000 !important; }
.ornament, .widget-heading:has(h2)::after { background: linear-gradient(90deg, transparent, var(--lux-gold), transparent); }
.hero-copy h1 .sv-signature { background: linear-gradient(100deg, #ffd36a 0%, #fff1c2 38%, #e0a82e 62%, #ffd36a 100%); background-size: 220% 100%; -webkit-background-clip: text; background-clip: text; }
#page-home .sv-stats-grid .elementor-icon-box-title { background: linear-gradient(180deg, #fff2c4, #ffd36a 55%, #e0a82e) !important; -webkit-background-clip: text !important; background-clip: text !important; }
.widget-ucaddon_marquee { background: rgba(224, 168, 46, .1) !important; border-color: rgba(255, 211, 106, .35) !important; }
.widget-ucaddon_marquee * { color: var(--lux-gold-light) !important; }
.global-copy h2 em { color: var(--lux-gold) !important; }
::selection { background: var(--lux-gold); color: #000; } .lux-intro { display: none; }
.lux-intro-on .lux-intro { display: block; position: fixed; inset: 0; z-index: 1000; pointer-events: auto; cursor: default;
animation: luxIntroFailsafe 0s linear 8s forwards; }
.lux-intro.is-gone { display: none !important; }
@keyframes luxIntroFailsafe { to { visibility: hidden; pointer-events: none; } }
.lux-intro__shutter { position: absolute; left: 0; right: 0; height: 50.5%; background: #000; transition: transform 1.15s cubic-bezier(.77, 0, .18, 1); }
.lux-intro__shutter--top { top: 0; }
.lux-intro__shutter--bottom { bottom: 0; }
.lux-intro__shutter::after { content: ""; position: absolute; left: 0; right: 0; height: 1px; opacity: .55;
background: linear-gradient(90deg, transparent, var(--lux-gold), transparent); }
.lux-intro__shutter--top::after { bottom: 0; }
.lux-intro__shutter--bottom::after { top: 0; }
.lux-intro__seam { position: absolute; left: 0; right: 0; top: 50%; height: 2px; margin-top: -1px; z-index: 2; transform: scaleX(0); opacity: 0;
background: linear-gradient(90deg, transparent, #fff3c4 30%, var(--lux-gold-light) 50%, #fff3c4 70%, transparent);
box-shadow: 0 0 24px 4px rgba(255, 196, 64, .55); transition: transform .6s var(--lux-ease), opacity .5s; }
.lux-intro__center { position: absolute; inset: 0; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 14px;
transition: opacity .45s ease, transform .7s var(--lux-ease), filter .5s; }
.lux-intro__logo { display: flex; overflow: hidden; padding: .08em .02em; font: 800 clamp(42px, 8vw, 104px)/1 var(--lux-font); letter-spacing: .14em; color: #fff; }
.lux-intro__logo span { display: inline-block; transform: translateY(110%); animation: luxLetter .9s var(--lux-ease) forwards; animation-delay: calc(120ms + var(--i) * 70ms);
background: linear-gradient(100deg, #fff 0 40%, #ffe7a3 47%, #e0a82e 50%, #fff 56% 100%); background-size: 400% 100%; background-position: 100% 0;
-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.lux-intro__logo span:nth-child(7), .lux-intro__logo span:nth-child(8) { background: linear-gradient(100deg, #ffd36a 0 40%, #fff6dc 48%, #e0a82e 56% 100%); background-size: 400% 100%; background-position: 100% 0;
-webkit-background-clip: text; background-clip: text; font-family: var(--lux-serif); font-style: italic; letter-spacing: .02em; }
.lux-intro.is-shine .lux-intro__logo span { animation: luxLetter .9s var(--lux-ease) forwards, luxShine 1.4s ease-in-out forwards; animation-delay: calc(120ms + var(--i) * 70ms), calc(var(--i) * 45ms); }
@keyframes luxLetter { to { transform: none; } }
@keyframes luxShine { from { background-position: 100% 0; } to { background-position: 0 0; } }
.lux-intro__sub { font: 700 11px/1 var(--lux-font); letter-spacing: .6em; color: var(--lux-gold); opacity: 0; transform: translateY(8px);
animation: luxRise .8s var(--lux-ease) .75s forwards; padding-left: .6em; }
.lux-intro__bar { width: min(240px, 60vw); height: 1px; margin-top: 18px; background: rgba(255, 255, 255, .14); overflow: hidden; opacity: 0; animation: luxRise .6s ease .9s forwards; }
.lux-intro__bar span { display: block; height: 100%; background: linear-gradient(90deg, var(--lux-gold-dark), var(--lux-gold-light)); transform-origin: left; transform: scaleX(var(--p, 0)); transition: transform .35s ease-out; }
.lux-intro__pct { font: 600 10px/1 var(--lux-font); letter-spacing: .3em; color: rgba(255, 255, 255, .7); opacity: 0; animation: luxRise .6s ease 1s forwards; font-variant-numeric: tabular-nums; } .lux-intro.is-exit .lux-intro__center { opacity: 0; transform: scale(1.06) translateY(-12px); filter: blur(4px); }
.lux-intro.is-exit .lux-intro__seam { transform: scaleX(1); opacity: 1; }
.lux-intro.is-open .lux-intro__seam { opacity: 0; transition-duration: .9s; }
.lux-intro.is-open .lux-intro__shutter--top { transform: translateY(-101%); }
.lux-intro.is-open .lux-intro__shutter--bottom { transform: translateY(101%); }
.lux-intro.is-open { pointer-events: none; } .lux-loading .topbar { transform: translateY(-110%); }
.lux-loading .hero-copy .eyebrow, .lux-loading .hero-copy .hero-sub, .lux-loading .hero-copy .lux-button,
.lux-loading .hero-count, .lux-loading .hero-progress, .lux-loading .hero-signature { opacity: 0; transform: translateY(26px); }
.lux-loading .hero-copy h1 { opacity: 0; transform: translateY(40px); clip-path: inset(0 0 100% 0); }
.lux-loading .hero-copy .eyebrow::before { transform: scaleX(0); } .lux-entering .topbar { transition: transform 1.1s var(--lux-ease) .25s, min-height .5s, background .5s, box-shadow .5s; }
.lux-entering .hero-copy .eyebrow { transition: opacity .8s ease .35s, transform 1s var(--lux-ease) .35s; }
.lux-entering .hero-copy .eyebrow::before { transition: transform 1s var(--lux-ease) .5s; }
.lux-entering .hero-copy h1 { transition: opacity .9s ease .45s, transform 1.3s var(--lux-ease) .45s, clip-path 1.3s var(--lux-ease) .45s; clip-path: inset(-10% -5% -20% -5%); }
.lux-entering .hero-copy .hero-sub { transition: opacity .8s ease .75s, transform 1s var(--lux-ease) .75s; }
.lux-entering .hero-copy .lux-button { transition: opacity .8s ease .9s, transform 1s var(--lux-ease) .9s, box-shadow .45s; }
.lux-entering .hero-count, .lux-entering .hero-progress, .lux-entering .hero-signature { transition: opacity 1s ease 1.15s, transform 1s var(--lux-ease) 1.15s; }
.hero-copy .eyebrow::before { transform-origin: left; }
.lux-loading .hero-progress { transform: translateY(-50%) translateY(26px); } .lux-loading .topbar, .lux-loading .hero-copy > *, .lux-loading .hero-count, .lux-loading .hero-signature { animation: luxFailsafeShow 0s linear 8s forwards; }
@keyframes luxFailsafeShow { to { opacity: 1; transform: none; clip-path: none; } }
@media (prefers-reduced-motion: reduce) {
.lux-intro__logo span, .lux-intro__sub, .lux-intro__bar, .lux-intro__pct { animation: none !important; transform: none !important; opacity: 1 !important; }
.lux-intro__shutter { transition: none; }
.lux-loading .topbar, .lux-loading .hero-copy > *, .lux-loading .hero-count, .lux-loading .hero-progress, .lux-loading .hero-signature { transform: none !important; clip-path: none !important; }
} .lux-hidden { display: none !important; } .lux-split .lux-w { display: inline-block; overflow: hidden; vertical-align: top; padding: 0 .03em .14em; margin-bottom: -.14em; }
.lux-split .lux-wi { display: inline-block; transform: translateY(112%) rotate(5deg); transform-origin: 0 100%; opacity: 0; filter: blur(8px);
transition: transform 1.05s var(--lux-ease), opacity .8s ease, filter .9s ease; transition-delay: calc(80ms + var(--wi) * 65ms); }
.lux-split.lux-in .lux-wi { transform: none; opacity: 1; filter: none; animation: luxWordGlow 1.6s ease-out both; animation-delay: calc(280ms + var(--wi) * 65ms); }
@keyframes luxWordGlow { 0% { text-shadow: 0 0 0 rgba(255, 196, 64, 0); } 30% { text-shadow: 0 0 22px rgba(255, 196, 64, .75), 0 0 2px rgba(255, 230, 160, .9); color: #ffe7a8; } 100% { text-shadow: 0 0 0 rgba(255, 196, 64, 0); } } .lux-price { border-radius: var(--lux-radius-l) !important; padding: clamp(24px, 3vw, 40px) !important; display: grid; grid-template-columns: minmax(200px, .8fr) 2fr; gap: 28px; align-items: center; margin: 18px 0 8px; }
.lux-price .widget-heading { margin: 0 !important; }
.lux-price .lux-price-title { margin: 0 !important; font-size: clamp(24px, 2.6vw, 36px) !important; }
.lux-price-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.lux-price-tile { position: relative; padding: 18px 20px 20px; border-radius: 18px; border: 1px solid rgba(255, 211, 106, .18); background: rgba(255, 255, 255, .025);
display: flex; flex-direction: column; gap: 6px; overflow: hidden; transition: transform .5s var(--lux-ease), border-color .4s; }
.lux-price-tile:hover { transform: translateY(-4px); border-color: rgba(255, 211, 106, .45); }
.lux-price-tile::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: linear-gradient(var(--lux-gold-light), var(--lux-gold-dark)); }
.lux-price-cap { font-size: 11px; font-weight: 800; letter-spacing: .22em; text-transform: uppercase; color: var(--lux-gold) !important; }
.lux-price-value { margin: 0 !important; }
.lux-price-value::after { display: none !important; }
.lux-price-value h1, .lux-price-value h2, .lux-price-value h3, .lux-price-value h4 { margin: 0 !important; font-size: clamp(22px, 2.3vw, 32px) !important; } .widget-text-editor.lux-cta-row { display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.lux-cta-row .lux-cta-text { flex: 1; min-width: 0; }
.lux-cta-row .lux-cta-text > :first-child { margin-top: 0; }
.lux-cta-row .lux-cta-text > :last-child { margin-bottom: 0; }
.lux-cta-row .lux-cta-btn { margin: 0 !important; flex: none; }
.lux-cta-row--head .widget-heading { margin: 0 !important; flex: 1; }
.lux-cta-row--head .widget-heading h1, .lux-cta-row--head .widget-heading h2, .lux-cta-row--head .widget-heading h3 { margin: 0 !important; font-size: clamp(22px, 2.4vw, 32px) !important; }
.lux-cta-row--head .widget-heading::after { display: none !important; } .lux-community { width: 100%; margin: 48px auto 20px; padding: 0; display: grid; gap: 26px; text-align: center; }
.lux-community--home { max-width: 1180px; padding: 30px 25px 90px; }
.lux-community .eyebrow { justify-content: center; }
.lux-community h2 { margin: 0 !important; font-size: clamp(28px, 4vw, 50px) !important; font-weight: 600; letter-spacing: -.04em; }
.lux-community-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
.lux-community-col { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.lux-community-cap { margin: 0 !important; font-size: 12px !important; font-weight: 800; letter-spacing: .26em; text-transform: uppercase; color: var(--lux-gold) !important; }
.lux-tg-card { flex: 1; width: 100%; max-width: 440px; display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 30px 28px 30px;
border-radius: var(--lux-radius-l) !important; text-decoration: none !important; color: #fff !important; transition: transform .5s var(--lux-ease), border-color .4s; }
.lux-tg-card:hover { transform: translateY(-6px); }
.lux-tg-avatar { width: 112px; height: 112px; border-radius: 50%; overflow: hidden; display: block; margin-bottom: 6px; box-shadow: 0 0 0 1px rgba(255, 211, 106, .45), 0 0 0 8px rgba(224, 168, 46, .07); }
.lux-tg-avatar svg { display: block; width: 100%; height: 100%; }
.lux-tg-title { font-size: 23px; line-height: 1.15; font-weight: 800; letter-spacing: -.02em; }
.lux-tg-sub { font-size: 13px; color: rgba(255, 255, 255, .7) !important; }
.lux-tg-line { font-size: 14px; line-height: 1.6; }
.lux-tg-btn { margin-top: auto; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 12px 26px; border-radius: 999px; font-size: 13px; font-weight: 800; letter-spacing: .03em;
background: linear-gradient(135deg, #ffe38f 0%, #f2b93b 45%, #c98a1c 100%); color: #120c00 !important; box-shadow: 0 10px 26px -12px rgba(224, 168, 46, .8); transition: transform .4s var(--lux-ease); }
.lux-tg-card:hover .lux-tg-btn { transform: translateY(-2px); }
.lux-community-link { font-size: 14px; font-weight: 700; color: var(--lux-gold-light) !important; text-decoration: none !important; }
.lux-community-link:hover { text-decoration: underline !important; }
.lux-socials { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.lux-social { display: inline-flex; align-items: center; gap: 10px; min-height: 48px; padding: 10px 20px 10px 16px; border-radius: 999px !important; color: #fff !important; text-decoration: none !important;
font-weight: 700; font-size: 14px; transition: transform .4s var(--lux-ease), color .3s, border-color .3s; }
.lux-social svg { width: 22px; height: 22px; color: var(--lux-gold-light); transition: transform .5s var(--lux-ease); }
.lux-social:hover { transform: translateY(-3px); color: var(--lux-gold-light) !important; border-color: rgba(255, 211, 106, .5) !important; }
.lux-social:hover svg { transform: scale(1.15) rotate(-6deg); }
@media (max-width: 860px) {
.lux-price { grid-template-columns: 1fr; }
.widget-text-editor.lux-cta-row { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 640px) {
.lux-price-row { grid-template-columns: 1fr; }
.lux-community-grid { grid-template-columns: 1fr; }
.lux-community--home { padding: 20px 18px 70px; }
.lux-social { padding: 10px 16px 10px 12px; }
}
@media (prefers-reduced-motion: reduce) {
.lux-split .lux-wi { transform: none !important; opacity: 1 !important; filter: none !important; animation: none !important; transition: none !important; }
} .lux-community-col .lux-tg-card { flex: 1 1 auto; }
.lux-community-cap { min-height: 1.6em; } .lux-nolink { cursor: default; text-decoration: none !important; }
a.lux-nolink { color: inherit !important; }
.external-card.lux-nolink:hover { transform: none; }
.external-card.lux-nolink .lux-ext-arrow { display: none; }
.lux-community { margin-top: 90px !important; }
.lux-community--home { margin-top: 60px !important; }
.lux-contact-form { padding: 34px 0 0 !important; max-width: none !important; }
.lux-contact-form .widget-heading h3 { margin: 0 0 6px !important; } .lux-modal { position: fixed; inset: 0; z-index: 900; display: grid; place-items: center; padding: 20px; }
.lux-modal[hidden] { display: none; }
.lux-modal__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, .78); opacity: 0; transition: opacity .3s ease; }
.lux-modal__box { position: relative; width: min(920px, 100%); max-height: calc(100svh - 40px); overflow: auto; display: grid; grid-template-columns: 1.15fr 1fr;
border-radius: var(--lux-radius-l) !important; opacity: 0; transform: translateY(18px) scale(.97); transition: opacity .3s ease, transform .45s var(--lux-ease); }
.lux-modal.is-open .lux-modal__backdrop { opacity: 1; }
.lux-modal.is-open .lux-modal__box { opacity: 1; transform: none; }
.lux-modal__media { background: #060607; border-radius: var(--lux-radius-l) 0 0 var(--lux-radius-l); overflow: hidden; display: grid; place-items: center; min-height: 300px; }
.lux-modal__media img { width: 100%; height: 100%; object-fit: contain; display: block; }
.lux-modal__info { padding: clamp(26px, 4vw, 44px); display: flex; flex-direction: column; justify-content: center; gap: 16px; align-items: flex-start; }
.lux-modal__num { font-size: 11px; font-weight: 800; letter-spacing: .24em; color: var(--lux-gold); }
.lux-modal__info h3 { margin: 0; font-size: clamp(24px, 2.6vw, 34px); line-height: 1.15; letter-spacing: -.03em; color: #fff; }
.lux-modal__close { position: absolute; top: 12px; right: 12px; z-index: 3; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(255, 211, 106, .4);
background: rgba(0, 0, 0, .55); color: #fff; font-size: 26px; line-height: 1; transition: transform .3s var(--lux-ease), background .3s; }
.lux-modal__close:hover { transform: rotate(90deg); background: rgba(224, 168, 46, .25); }
.lux-modal-open, .lux-modal-open body { overflow: hidden; }  .lux-split .lux-wi { filter: none !important; transform: translateY(105%); transition: transform .7s var(--lux-ease), opacity .45s ease;
transition-delay: calc(30ms + var(--wi) * 38ms); will-change: auto; }
.lux-split.lux-in .lux-wi { animation: none !important; } .reveal { transition: opacity .55s ease, transform .65s var(--lux-ease) !important; transition-delay: var(--rv-d, 0ms) !important; }
.reveal.rv-head, .reveal.rv-img { transform: translateY(14px); }
.reveal.rv-head > *, .reveal.rv-img > *, .reveal.rv-head.in > *, .reveal.rv-img.in > * { clip-path: none !important; }
.reveal.rv-panel { transform: translateY(18px); }
.reveal.rv-depth { transform: translateY(22px); }
.reveal.rv-side { transform: translateX(calc(var(--rv-x, -26px) * .6)); }
.reveal.in { transform: none !important; opacity: 1 !important; }
.sv-tool-card.reveal.in { transform: perspective(900px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg)) translateY(var(--lift, 0)) !important; } .lux-ambient i, .page-hero .index { transform: none !important; will-change: auto; }
.topbar::after { background: linear-gradient(90deg, var(--lux-gold-dark), var(--lux-gold-light)) !important; transform-origin: left; transform: scaleX(var(--lux-read, 0)); opacity: .9; } .lux-glass:not(.lux-glass--nav):not(.lux-glass--hero):not(.lux-glass--overlay) { -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
--glass-bg: rgba(20, 20, 22, .72); }
.lux-glass--subtle { --glass-bg: rgba(255, 255, 255, .025) !important; }
.lux-glass::after { transition: opacity .4s ease; }
.lux-community .lux-glass--hero, .lux-price.lux-glass--hero, .external-card.lux-glass--hero { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; --glass-bg: rgba(20, 20, 22, .78); }
.view.is-entering { animation-duration: .45s !important; } @media (max-width: 760px) {
.source-grid { padding: 26px 16px 70px !important; gap: 14px !important; }
.source-grid h1 { font-size: clamp(28px, 8.4vw, 36px) !important; }
.source-grid h2 { font-size: clamp(24px, 7vw, 30px) !important; }
.source-grid h3 { font-size: clamp(20px, 5.8vw, 24px) !important; }
.source-grid p, .source-grid li { font-size: 15px !important; line-height: 1.75 !important; }
.widget-text-editor.lux-glass, .widget-icon-box.lux-glass, .widget-form.lux-glass { padding: 20px 18px !important; border-radius: 18px !important; }
.page-hero { padding: 112px 18px 40px !important; min-height: 250px !important; }
.page-hero h1 { font-size: clamp(30px, 9vw, 40px) !important; }
.page-hero .index { font-size: 100px !important; }
.lux-price { padding: 22px 18px !important; gap: 18px; border-radius: 22px !important; }
.lux-price-row { gap: 10px; }
.lux-price-tile { padding: 14px 16px 16px; }
.lux-price-value h2 { font-size: 22px !important; }
.widget-text-editor.lux-cta-row { gap: 16px; }
.lux-cta-row .lux-cta-btn, .lux-cta-row .lux-cta-btn .lux-button { width: 100%; }
.lux-cta-row .lux-cta-btn .lux-button { justify-content: space-between; }
.lux-community { margin-top: 56px !important; gap: 18px; }
.lux-community h2 { font-size: clamp(26px, 8vw, 34px) !important; }
.lux-tg-card { padding: 24px 20px 26px; }
.lux-tg-avatar { width: 92px; height: 92px; }
.lux-tg-title { font-size: 20px; }
.lux-socials { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.lux-social { justify-content: center; }
.lux-social:last-child:nth-child(odd) { grid-column: 1 / -1; }
.lux-modal { padding: 12px; align-items: end; }
.lux-modal__box { grid-template-columns: 1fr; max-height: calc(100svh - 24px); }
.lux-modal__media { border-radius: var(--lux-radius-l) var(--lux-radius-l) 0 0; min-height: 0; aspect-ratio: 1.2; }
.lux-modal__info { padding: 22px 20px 26px; }
.lux-modal__cta { width: 100%; justify-content: space-between; }
.sv-tools-grid { gap: 14px !important; }
.lux-contacts { padding: 28px 16px 0 !important; }
.lux-contacts .sv-contact-grid > .widget { padding: 20px 18px !important; }
.external-list { padding: 30px 16px 60px !important; }
}
@media (prefers-reduced-motion: reduce) {
.lux-modal__box, .lux-modal__backdrop { transition: none; }
}
.source-grid .widget-form button[type=submit], .source-grid .widget-form button[type=submit] *, .wpforms-container .wpforms-submit { color: #120c00 !important; } @media (max-width: 640px) {
#page-home .sv-review-card { width: min(74vw, 300px) !important; height: 380px !important; padding: 18px 18px 16px !important; border-radius: 20px !important; }
#page-home .sv-review-card-head { padding-bottom: 12px !important; min-height: 0 !important; gap: 10px !important; }
#page-home .sv-review-card-head h3 { font-size: 17px !important; }
#page-home .sv-review-card-index { font-size: 10px !important; }
#page-home .sv-review-quote { font-size: 28px !important; }
#page-home .sv-review-copy { padding-top: 12px !important; }
#page-home .sv-review-copy p, #page-home .sv-review-card .sv-review-copy p { font-size: 12.5px !important; line-height: 1.6 !important; }
#page-home .sv-review-bottom { padding-top: 12px !important; margin-top: 10px !important; }
#page-home .sv-review-stars { font-size: 17px !important; }
#page-home .sv-review-source { font-size: 10px !important; }
} .lux-contacts .lux-contact-form { width: 100%; display: flex; flex-direction: column; align-items: stretch; text-align: left; justify-self: stretch; }
.lux-contacts .lux-contact-form > .widget-form { width: 100% !important; max-width: none !important; align-self: stretch; }
.lux-contacts .lux-contact-form > .widget-heading { text-align: left; } .lux-counter { display: none; }
@media (min-width: 921px) {
.lux-counter { display: flex; flex-direction: column; align-items: center; position: absolute; z-index: 6; left: 66%; bottom: 7%; transform: translateX(-50%); pointer-events: none; }
.lux-counter__num { position: relative; display: flex; align-items: flex-start; font: 800 clamp(64px, 7vw, 110px)/1 var(--lux-font); letter-spacing: -.05em; font-variant-numeric: tabular-nums; }
.lux-counter__val { display: inline-block; min-width: 2.6ch; text-align: right; background: linear-gradient(180deg, #fff6d6, #ffd36a 50%, #e0a82e); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
filter: drop-shadow(0 6px 30px rgba(224, 168, 46, .35)); }
.lux-counter__plus { display: inline-block; margin-left: .04em; color: var(--lux-gold-light); opacity: 0; transform: translateX(46vw) rotate(540deg) scale(.6); }
.lux-counter.is-plus .lux-counter__plus { opacity: 1; transform: none; transition: transform .55s cubic-bezier(.5, 0, .9, .4), opacity .2s ease; }
.lux-counter.is-hit .lux-counter__val { animation: luxKnock .6s cubic-bezier(.3, .7, .3, 1); }
.lux-counter.is-hit .lux-counter__plus { animation: luxPlusBounce .6s cubic-bezier(.3, .7, .3, 1); }
@keyframes luxKnock { 0% { transform: translateX(0) rotate(0); } 18% { transform: translateX(-14px) rotate(-4deg); } 42% { transform: translateX(7px) rotate(2deg); } 66% { transform: translateX(-3px) rotate(-.8deg); } 100% { transform: none; } }
@keyframes luxPlusBounce { 0% { transform: translateX(0); } 20% { transform: translateX(10px) scale(1.15); } 50% { transform: translateX(-3px); } 100% { transform: none; } }
.lux-counter__label { margin-top: 6px; font: 700 clamp(16px, 1.4vw, 22px)/1 var(--lux-font); letter-spacing: .32em; text-transform: uppercase; color: #fff;
opacity: 0; transform: translateY(12px); filter: blur(4px); transition: opacity .8s ease, transform .8s var(--lux-ease), filter .8s ease; padding-left: .32em; }
.lux-counter.is-label .lux-counter__label { opacity: 1; transform: none; filter: none; }
}
@media (prefers-reduced-motion: reduce) { .lux-counter__plus, .lux-counter__label { transition: none !important; animation: none !important; } } @media (max-width: 760px) {
.hero-panel { bottom: 72px !important; left: 14px !important; right: 14px !important; padding: 16px 16px 14px !important; border-radius: 18px !important; }
.hero-panel .eyebrow { font-size: 9px !important; letter-spacing: .32em !important; margin-bottom: 8px !important; gap: 10px !important; }
.hero-panel .eyebrow::before { width: 20px !important; }
.hero-panel-title { font-size: clamp(21px, 6.2vw, 26px) !important; margin-bottom: 6px !important; }
.hero-panel-text { font-size: 12.5px !important; line-height: 1.5 !important; margin-bottom: 12px !important; }
.hero-panel-links { gap: 8px 16px !important; }
.hero-panel .lux-button { padding: 11px 16px !important; font-size: 10px !important; gap: 14px !important; min-height: 44px; }
.hero-panel .lux-link { min-height: 36px !important; font-size: 10.5px !important; }
} .lux-strip-clone { display: none !important; }
@media (max-width: 760px) {
#sv-tools-featured .sv-tools-grid { display: flex !important; grid-template-columns: none !important; gap: 12px !important; overflow-x: auto; overflow-y: hidden;
scrollbar-width: none; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; touch-action: pan-x pan-y;
margin: 0 -16px; padding: 4px 16px 10px; }
#sv-tools-featured .sv-tools-grid::-webkit-scrollbar { display: none; }
#sv-tools-featured .sv-tools-grid > .sv-tool-card { flex: 0 0 72%; max-width: 280px; transform: none !important; opacity: 1 !important; }
#sv-tools-featured .sv-tools-grid > .lux-strip-clone { display: flex !important; }
#sv-tools-featured .sv-tool-photo { aspect-ratio: 1.25; }
#sv-tools-featured .sv-tool-info { padding: 14px 15px 16px; gap: 8px; }
#sv-tools-featured .sv-tool-info h3 { font-size: 16px !important; }
#sv-tools-featured .sv-tools-more { margin-top: 4px; }
} .lux-ico { display: inline-block; width: 1em; height: 1em; vertical-align: -0.14em; flex: none; }
.lux-button .arrow .lux-ico, .lux-button .lux-ico--arrow { width: 18px; height: 18px; vertical-align: middle; }
.sv-contact-icon .lux-ico, .lux-contacts .sv-contact-icon .lux-ico { width: 26px; height: 26px; color: var(--lux-gold-light); }
.sv-contact-value .lux-ico--arrow, .sv-tool-detail .lux-ico--arrow, .lux-link .lux-ico--arrow, .external-card .lux-ico--arrow { width: .9em; height: .9em; }
.lux-tg-title .lux-ico, .lux-tg-line .lux-ico { color: var(--lux-gold-light); margin-right: .15em; }
@media (max-width: 760px) { .lux-m-hide { display: none !important; }
.page-hero { padding-bottom: 26px !important; min-height: 0 !important; }
.page-hero::after { bottom: 0; }
.view:not(#page-home) .source-grid { padding-top: 18px !important; }
.view:not(#page-home) .source-grid > .widget-heading:not(.lux-m-hide):first-of-type,
.view:not(#page-home) .source-grid > .lux-m-hide + .lux-m-hide + .widget-heading,
.view:not(#page-home) .source-grid > .lux-m-hide + .widget-ucaddon_marquee + .widget-heading { margin-top: 0 !important; }
.view:not(#page-home) .source-grid > .widget-heading:not(.lux-m-hide) h1,
.view:not(#page-home) .source-grid > .widget-heading:not(.lux-m-hide) h4 { margin-top: .2em !important; } .source-grid h6.lux-panel-title { font-size: 18px !important; font-weight: 800 !important; letter-spacing: -.01em !important; text-transform: none !important;
color: #fff !important; margin: 0 0 6px !important; line-height: 1.3 !important; } .lux-cta-row .lux-cta-btn { width: 100% !important; display: flex; justify-content: center; }
.lux-cta-row .lux-cta-btn .lux-button, .lux-cta-row .lux-cta-btn .elementor-button { width: 84% !important; justify-content: center !important; gap: 12px !important; padding: 14px 18px !important; }
.source-grid .widget-button { display: flex; justify-content: center; }
.source-grid .widget-button .lux-button { width: 84%; justify-content: center; gap: 12px; } .student-gallery { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-flow: row !important; grid-auto-columns: auto !important;
overflow: visible !important; scroll-snap-type: none !important; gap: 10px !important; padding: 0 12px 60px !important; }
.student-gallery > .student-card { scroll-snap-align: none; border-radius: 14px !important; min-width: 0; }
.student-card > .widget-heading { padding: 8px 10px 0 !important; }
.student-card > .widget-heading h5, .student-card > .widget-heading h2, .student-card > .widget-heading h3 { font-size: 12.5px !important; line-height: 1.3 !important; margin: 0 !important; }
.student-card > .widget-student-details { padding: 0 8px 10px !important; }
.student-details summary { padding: 8px 10px !important; font-size: 11.5px !important; }
.student-details summary::after { font-size: 15px !important; }
.student-details h5, .student-details h4, .student-details h3 { font-size: 11.5px !important; }
.student-details .student-link, .student-details .elementor-button { font-size: 11px !important; padding: 6px 8px !important; }
.student-details[open] > :not(summary) { padding: 2px 6px 10px !important; }
.student-intro { padding: 22px 16px 14px !important; } #page-tools .sv-tools-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
#page-tools .sv-tool-card { border-radius: 14px !important; }
#page-tools .sv-tool-photo { aspect-ratio: 1.1 !important; }
#page-tools .sv-tool-info { padding: 10px 10px 12px !important; gap: 6px !important; }
#page-tools .sv-tool-num { font-size: 8.5px !important; letter-spacing: .14em !important; }
#page-tools .sv-tool-info h3 { font-size: 13px !important; line-height: 1.25 !important; }
#page-tools .sv-tool-detail { font-size: 9.5px !important; padding-top: 6px !important; gap: 6px !important; letter-spacing: .04em !important; }
#page-tools .sv-tools-head h2 { font-size: 26px !important; }
} @media (max-width: 760px) { .source-grid > .lux-m-first { margin-top: 0 !important; } .source-grid > .lux-m-first h1, .source-grid > .lux-m-first h2, .source-grid > .lux-m-first h3, .source-grid > .lux-m-first h4 { margin-top: 0 !important; } } html { scroll-behavior: auto !important; }
.hero-3d { opacity: 0; transition: opacity .7s ease; }
.is-webgl .hero-3d { opacity: 1; } .hero-copy h1, .hero-panel-title { letter-spacing: -.022em !important; }
.page-hero h1 { letter-spacing: -.022em !important; }
.section-top h2, .source-grid h1, .source-grid h2, .source-grid h3, .sv-tools-head h2, .sv-review-title h2, .global-copy h2,
.lux-community h2, .lux-contacts h2, .tools-lead h2, .bottom-cta h2, .lux-modal__info h3 { letter-spacing: -.015em !important; }
.global-copy h2 { letter-spacing: -.01em !important; }
.source-grid h6.lux-panel-title { font-size: 18px !important; font-weight: 800 !important; letter-spacing: 0 !important; text-transform: none !important;
color: #fff !important; margin: 0 0 6px !important; line-height: 1.35 !important; }
.lux-cta-row .lux-cta-text h6.lux-panel-title { margin: 0 !important; } @media (max-width: 920px) {
.lux-counter { display: flex; flex-direction: column; align-items: center; position: absolute; z-index: 6; right: 4%; left: auto; top: auto; bottom: 70px; transform: none; pointer-events: none; }
.lux-counter__num { position: relative; display: flex; align-items: flex-start; font: 800 clamp(44px, 13vw, 62px)/1 var(--lux-font); letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.lux-counter__val { display: inline-block; min-width: 2.6ch; text-align: right; background: linear-gradient(180deg, #fff6d6, #ffd36a 50%, #e0a82e); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
filter: drop-shadow(0 4px 18px rgba(224, 168, 46, .35)); }
.lux-counter__plus { display: inline-block; margin-left: .04em; color: var(--lux-gold-light); opacity: 0; transform: translateX(60vw) rotate(540deg) scale(.6); }
.lux-counter.is-plus .lux-counter__plus { opacity: 1; transform: none; transition: transform .55s cubic-bezier(.5, 0, .9, .4), opacity .2s ease; }
.lux-counter.is-hit .lux-counter__val { animation: luxKnockM .6s cubic-bezier(.3, .7, .3, 1); }
.lux-counter.is-hit .lux-counter__plus { animation: luxPlusBounceM .6s cubic-bezier(.3, .7, .3, 1); }
@keyframes luxKnockM { 0% { transform: none; } 18% { transform: translateX(-9px) rotate(-4deg); } 42% { transform: translateX(5px) rotate(2deg); } 66% { transform: translateX(-2px); } 100% { transform: none; } }
@keyframes luxPlusBounceM { 0% { transform: none; } 20% { transform: translateX(7px) scale(1.15); } 50% { transform: translateX(-2px); } 100% { transform: none; } }
.lux-counter__label { margin-top: 4px; font: 700 12px/1 var(--lux-font); letter-spacing: .22em; text-transform: uppercase; color: #fff; padding-left: .22em;
opacity: 0; transform: translateY(10px); transition: opacity .8s ease, transform .8s var(--lux-ease); }
.lux-counter.is-label .lux-counter__label { opacity: 1; transform: none; }
} html, body { overscroll-behavior-y: none; } * { -webkit-tap-highlight-color: transparent; }
.mobile-toggle { position: relative; transition: transform .25s var(--lux-ease), background .3s, border-color .3s; }
.mobile-toggle:active { transform: scale(.9); }
.mobile-toggle[aria-expanded="true"] { background: rgba(224, 168, 46, .14); border-color: var(--lux-gold) !important; }
.lux-burger { position: relative; display: block; width: 20px; height: 14px; }
.lux-burger i { position: absolute; left: 0; right: 0; height: 2px; border-radius: 2px; background: var(--lux-gold-light);
transition: transform .45s var(--lux-ease), opacity .25s ease, top .45s var(--lux-ease), width .45s var(--lux-ease); }
.lux-burger i:nth-child(1) { top: 0; }
.lux-burger i:nth-child(2) { top: 6px; width: 70%; left: auto; }
.lux-burger i:nth-child(3) { top: 12px; }
.mobile-toggle[aria-expanded="true"] .lux-burger i:nth-child(1) { top: 6px; transform: rotate(45deg); }
.mobile-toggle[aria-expanded="true"] .lux-burger i:nth-child(2) { opacity: 0; transform: translateX(8px); }
.mobile-toggle[aria-expanded="true"] .lux-burger i:nth-child(3) { top: 6px; transform: rotate(-45deg); }
.mobile-panel.open { animation: luxPanelIn .45s var(--lux-ease) none !important; transform-origin: top; } @keyframes luxPanelIn { from { opacity: 0; transform: translateY(-14px) scaleY(.96); } to { opacity: 1; transform: none; } }
.mobile-panel.open a { animation: luxRise .5s var(--lux-ease) none; animation-delay: 0ms; } @media (hover: none) {
.lux-button, .lux-tg-btn, .sv-tools-more, .lux-social, .lux-link, .mobile-panel a, .sv-tool-card, .student-card, .lux-tg-card, .faq-item summary,
.source-grid .elementor-button, .source-grid .btn, .external-card, .topbar .cta {
transition: transform .18s ease, background-color .2s ease, opacity .2s ease; }
.lux-button:active, .lux-tg-btn:active, .sv-tools-more:active, .lux-social:active, .source-grid .elementor-button:active, .source-grid .btn:active, .topbar .cta:active { transform: scale(.96) !important; }
.sv-tool-card:active, .student-card:active, .lux-tg-card:active, .external-card:active { transform: scale(.98) !important; }
.mobile-panel a:active, .lux-link:active, .faq-item summary:active { opacity: .65; } .sv-tool-card:hover, .lux-tg-card:hover, .lux-price-tile:hover, .lux-social:hover { transform: none; }
} @media (hover: none), (max-width: 760px) {
.topbar, .topbar.is-scrolled { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: rgba(0, 0, 0, .9) !important; }
.lux-glass, .lux-glass--hero, .lux-glass--nav, .lux-glass--overlay, .lux-glass--form, .nav-dropdown-menu, .mobile-panel, .site-footer {
-webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
.hero-panel.lux-glass { --glass-bg: rgba(10, 10, 12, .86); }
.mobile-panel { background: rgba(4, 4, 5, .97) !important; }
.lux-glass::after { display: none; } }
@media (hover: hover) and (min-width: 761px) {
.topbar { -webkit-backdrop-filter: blur(14px) saturate(150%) !important; backdrop-filter: blur(14px) saturate(150%) !important; }
.lux-glass--hero { --glass-blur: 14px; }
} .hero-3d { will-change: opacity; transform: translateZ(0); }
.topbar { transform: translateZ(0); } .lux-share { display: inline-flex; align-items: center; gap: 8px; flex: none; height: 40px; padding: 0 14px 0 12px; border-radius: 999px;
border: 1px solid rgba(255, 211, 106, .35); background: rgba(255, 255, 255, .03); color: var(--lux-gold-light); font: 800 10px/1 var(--lux-font);
letter-spacing: .12em; text-transform: uppercase; cursor: pointer; transition: background .3s, border-color .3s, transform .2s; }
.lux-share svg { width: 17px; height: 17px; }
.lux-share:hover { background: rgba(224, 168, 46, .14); border-color: var(--lux-gold); }
.lux-share:active { transform: scale(.94); }
@media (max-width: 920px) {
.lux-share { margin-left: auto; width: 44px; height: 44px; padding: 0; justify-content: center; border-radius: 12px; }
.lux-share__label { display: none; }
.mobile-toggle { margin-left: 10px !important; }
}
.lux-toast { position: fixed; left: 50%; bottom: max(22px, env(safe-area-inset-bottom)); z-index: 950; max-width: min(92vw, 560px); padding: 13px 18px;
border-radius: 14px; background: rgba(12, 12, 14, .96); border: 1px solid rgba(255, 211, 106, .4); color: #fff; font: 600 13px/1.45 var(--lux-font);
box-shadow: 0 18px 40px -12px #000; overflow-wrap: anywhere; text-align: center; pointer-events: none;
opacity: 0; transform: translate(-50%, 14px); transition: opacity .3s ease, transform .4s var(--lux-ease); }
.lux-toast.is-on { opacity: 1; transform: translate(-50%, 0); }  .sv-tool-card.lux-tool--light .sv-tool-photo { background: #fff; }
.sv-tool-card.lux-tool--light .sv-tool-photo img { object-fit: contain; padding: 6% 7%; filter: none; }
.lux-modal__media.is-light { background: #fff; } #sv-tools-featured .lux-tools-buy-title { font-size: clamp(26px, 2.7vw, 40px) !important; max-width: 22ch; }
.lux-tools-buy { margin: 6px 0 18px; gap: 10px; }
.lux-tg-ico { width: 18px; height: 18px; flex: none; }
.lux-modal__cta { gap: 10px; } .lux-kit__box { position: relative; width: min(860px, 100%); max-height: calc(100svh - 40px); overflow: auto; overscroll-behavior: contain;
padding: clamp(26px, 4vw, 46px); border-radius: var(--lux-radius-l) !important;
opacity: 0; transform: translateY(18px) scale(.97); transition: opacity .3s ease, transform .45s var(--lux-ease); }
.lux-kit.is-open .lux-kit__box { opacity: 1; transform: none; }
.lux-kit__eyebrow { display: block; font-size: 11px; font-weight: 800; letter-spacing: .24em; text-transform: uppercase; color: var(--lux-gold); padding-right: 52px; }
.lux-kit__box h3 { margin: 12px 0 8px; font-size: clamp(24px, 2.8vw, 36px); line-height: 1.12; letter-spacing: -.02em; color: #fff; padding-right: 40px; }
.lux-kit__lead { margin: 0 0 24px; color: #d9d4c8; font-size: 15px; line-height: 1.6; max-width: 56ch; }
.lux-kit__options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.lux-kit__opt { display: flex; flex-direction: column; gap: 10px; padding: 22px; border-radius: var(--lux-radius);
background: linear-gradient(150deg, rgba(255, 211, 106, .09), rgba(255, 255, 255, .02) 55%); border: 1px solid rgba(255, 211, 106, .28);
transition: border-color .3s, transform .4s var(--lux-ease), box-shadow .4s; }
.lux-kit__opt:hover, .lux-kit__opt:focus-within { border-color: rgba(255, 211, 106, .65); transform: translateY(-3px); box-shadow: 0 22px 44px -26px rgba(224, 168, 46, .55); }
.lux-kit__opt-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.lux-kit__opt-title { font-size: 19px; font-weight: 800; color: #fff; line-height: 1.25; }
.lux-kit__opt-total { font-size: 26px; font-weight: 800; color: var(--lux-gold-light); white-space: nowrap; }
.lux-kit__opt-sub { font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #a9a291; }
.lux-kit__list summary { cursor: pointer; color: var(--lux-gold-light); font-size: 14px; font-weight: 700; list-style: none; display: inline-flex; align-items: center; gap: 8px; padding: 4px 0; }
.lux-kit__list summary::-webkit-details-marker { display: none; }
.lux-kit__list summary::after { content: ''; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .3s; }
.lux-kit__list[open] summary::after { transform: rotate(225deg) translateY(-1px); }
.lux-kit__list ol { margin: 8px 0 2px; padding-left: 20px; color: #e8e3d8; font-size: 14px; line-height: 1.55; }
.lux-kit__list li + li { margin-top: 4px; }
.lux-kit__go { margin-top: auto; width: 100%; justify-content: center; gap: 10px; }
@media (max-width: 760px) {
.lux-tools-buy { width: 100%; justify-content: center; }
#sv-tools-featured .lux-tools-buy-title { font-size: clamp(24px, 6.6vw, 30px) !important; }
.lux-kit { padding: 10px; align-items: end; }
.lux-kit__box { max-height: calc(100svh - 20px); padding: 24px 18px 20px; }
.lux-kit__options { grid-template-columns: 1fr; gap: 12px; }
.lux-kit__opt { padding: 18px; }
.lux-kit__opt-total { font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) { .lux-kit__box, .lux-kit__opt { transition: none; } }
#sv-tools-featured .sv-tools-kicker { text-transform: uppercase; } .lux-kit__box.lux-glass { background-color: rgba(10, 10, 12, .97) !important; } html.lux-js:not(.lux-ready) [data-ssr] { opacity: 0; }