:root{--primary-gold: #8B5CF6;--secondary-gold: #6366F1;--accent-orange: #3B82F6;--bg-primary: #0A0A0A;--bg-secondary: #111111;--bg-tertiary: #1A1A1A;--bg-elevated: #222222;--bg-overlay: rgba(0, 0, 0, .8);--text-primary: #FFFFFF;--text-secondary: #E5E5E5;--text-tertiary: #A0A0A0;--text-muted: #666666;--border-primary: rgba(255, 255, 255, .1);--border-secondary: rgba(255, 255, 255, .05);--border-accent: rgba(139, 92, 246, .2);--dark-bg: var(--bg-primary);--darker-bg: #000000;--light-bg: var(--bg-secondary);--surface-bg: var(--bg-tertiary);--text-light: var(--text-primary);--text-gray: var(--text-tertiary);--accent-gradient: linear-gradient(135deg, #8B5CF6 0%, #6366F1 50%, #3B82F6 100%);--glow-gradient: linear-gradient(135deg, #6366F1 0%, #3B82F6 100%);--bg-gradient-primary: linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);--bg-gradient-subtle: radial-gradient(ellipse at top, rgba(139, 92, 246, .03) 0%, transparent 50%);--bg-gradient-overlay: linear-gradient(180deg, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .1) 100%);--font-serif: "carbona-variable", Georgia, serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--shadow-xl: 0 12px 24px rgba(0, 0, 0, .6);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--mobile: 480px;--tablet: 768px;--desktop: 1024px;--large-desktop: 1200px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;width:100%;height:100%}body{margin:0;padding:0;font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%;min-height:100vh;position:relative;font-size:16px}#root{width:100%;min-height:100vh;overflow-x:hidden;position:relative}section{width:100%;overflow-x:hidden;position:relative}*{max-width:100%}h1{font-size:clamp(2rem,8vw,4rem);line-height:1.1}h2{font-size:clamp(1.5rem,6vw,3rem);line-height:1.2}h3{font-size:clamp(1.25rem,4vw,2rem);line-height:1.3}h4{font-size:clamp(1.1rem,3vw,1.5rem);line-height:1.4}p{font-size:clamp(.9rem,2.5vw,1rem);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.grid{display:grid;gap:1rem}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (min-width: 480px){body{font-size:16px}.section-padding{padding:3rem 1.5rem}.container{padding:0 1.5rem}}@media (min-width: 768px){body{font-size:16px}.section-padding{padding:4rem 2rem}.container{padding:0 2rem}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1024px){.section-padding{padding:5rem 2rem}.container{padding:0 2rem}}@media (min-width: 1200px){.section-padding{padding:6rem 2rem}.container{padding:0 2rem}}@media (max-width: 1024px){.mobile-reduce-padding{padding:1rem!important}.mobile-reduce-margin{margin:1rem 0!important}.mobile-stack{flex-direction:column!important;gap:1rem!important}.mobile-center{text-align:center!important}.mobile-text-sm{font-size:.875rem!important}.mobile-text-xs{font-size:.75rem!important}.mobile-btn{padding:.75rem 1.5rem!important;font-size:.9rem!important}.mobile-card{padding:1.5rem!important}}@media (max-width: 1024px){.touch-target{padding:.75rem 1rem;min-height:44px}}.noise-texture{position:relative}.noise-texture:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.02) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.015) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,255,255,.01) 0%,transparent 50%),linear-gradient(135deg,rgba(255,255,255,.005) 0%,transparent 50%),linear-gradient(45deg,transparent 0%,rgba(255,255,255,.003) 50%,transparent 100%);pointer-events:none;z-index:1;opacity:.6;mix-blend-mode:overlay}.noise-texture-strong{position:relative}.noise-texture-strong:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(255,255,255,.04) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.03) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,255,255,.025) 0%,transparent 50%),linear-gradient(135deg,rgba(255,255,255,.015) 0%,transparent 50%),linear-gradient(45deg,transparent 0%,rgba(255,255,255,.01) 50%,transparent 100%);pointer-events:none;z-index:1;opacity:.8;mix-blend-mode:soft-light}.modern-card{background:linear-gradient(135deg,#ffffff08,#8b5cf603,#ffffff05);border:1px solid rgba(139,92,246,.08);border-radius:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000001a,0 2px 8px #8b5cf60d,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.modern-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.02) 0%,transparent 50%,rgba(139,92,246,.01) 100%);pointer-events:none;z-index:1}@media (max-width: 1024px){.modern-card{border-radius:16px;padding:1.5rem}}.hidden-mobile{display:none}.hidden-desktop{display:block}@media (min-width: 768px){.hidden-mobile{display:block}.hidden-desktop{display:none}}.text-center-mobile{text-align:center}@media (min-width: 768px){.text-center-mobile{text-align:left}}.mt-mobile-0{margin-top:0}.mt-mobile-1{margin-top:.5rem}.mt-mobile-2{margin-top:1rem}.mt-mobile-3{margin-top:1.5rem}.mt-mobile-4{margin-top:2rem}.mb-mobile-0{margin-bottom:0}.mb-mobile-1{margin-bottom:.5rem}.mb-mobile-2{margin-bottom:1rem}.mb-mobile-3{margin-bottom:1.5rem}.mb-mobile-4{margin-bottom:2rem}@media (min-width: 768px){.mt-mobile-0{margin-top:0}.mt-mobile-1{margin-top:1rem}.mt-mobile-2{margin-top:2rem}.mt-mobile-3{margin-top:3rem}.mt-mobile-4{margin-top:4rem}.mb-mobile-0{margin-bottom:0}.mb-mobile-1{margin-bottom:1rem}.mb-mobile-2{margin-bottom:2rem}.mb-mobile-3{margin-bottom:3rem}.mb-mobile-4{margin-bottom:4rem}}.enhanced-gradient{background:linear-gradient(135deg,#8b5cf61a,#6366f10d,#3b82f614);position:relative;overflow:hidden}.enhanced-gradient:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 70%,rgba(255,255,255,.03) 0%,transparent 50%),radial-gradient(circle at 70% 30%,rgba(255,255,255,.02) 0%,transparent 50%),linear-gradient(135deg,rgba(255,255,255,.01) 0%,transparent 50%);pointer-events:none;z-index:1;opacity:.6;mix-blend-mode:soft-light}.glass-effect{background:#ffffff05;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff1a}.glass-effect:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.02) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.015) 0%,transparent 50%);pointer-events:none;z-index:1;opacity:.5;mix-blend-mode:overlay}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:.8}50%{opacity:.6}}@keyframes gradientShift{0%,to{background:linear-gradient(135deg,#fff,#8b5cf6,#6366f1)}50%{background:linear-gradient(135deg,#8b5cf6,#6366f1,#fff)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary-gold),var(--secondary-gold));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--secondary-gold),var(--accent-orange))}*{scrollbar-width:thin;scrollbar-color:var(--primary-gold) var(--bg-primary)}::selection{background:#8b5cf64d;color:var(--text-primary)}::-moz-selection{background:#8b5cf64d;color:var(--text-primary)}