:root{--background: 275 85% 5%;--foreground: 0 0% 98%;--card: 275 70% 10%;--card-foreground: 0 0% 98%;--popover: 275 70% 10%;--popover-foreground: 0 0% 98%;--primary: 84 100% 50%;--primary-foreground: 275 85% 5%;--secondary: 275 90% 30%;--secondary-foreground: 0 0% 98%;--muted: 275 50% 15%;--muted-foreground: 275 20% 60%;--accent: 329 100% 50%;--accent-foreground: 0 0% 100%;--destructive: 0 72% 51%;--destructive-foreground: 0 0% 100%;--success: 84 100% 50%;--success-foreground: 275 85% 5%;--warning: 329 100% 50%;--warning-foreground: 0 0% 100%;--border: 275 50% 25%;--input: 275 50% 15%;--ring: 84 100% 50%;--radius: 0px;--clip-corner: 16px;--neon-green: 84 100% 50%;--hot-pink: 329 100% 50%;--deep-purple: 275 90% 30%;--bright-violet: 274 99% 44%;--gold: 43 74% 52%;--gradient-neon: linear-gradient(135deg, hsl(84 100% 50%) 0%, hsl(329 100% 50%) 100%);--gradient-purple: linear-gradient(135deg, hsl(275 90% 30%) 0%, hsl(274 99% 44%) 100%);--gradient-gold: linear-gradient(135deg, hsl(43 74% 52%) 0%, hsl(43 90% 65%) 50%, hsl(43 74% 52%) 100%);--gradient-dark: linear-gradient(180deg, hsl(275 85% 5%) 0%, hsl(275 90% 3%) 100%);--gradient-card: linear-gradient(145deg, hsl(275 70% 12%) 0%, hsl(275 70% 8%) 100%);--shadow-neon: 0 4px 30px -5px hsl(84 100% 50% / .35);--shadow-pink: 0 4px 30px -5px hsl(329 100% 50% / .35);--shadow-gold: 0 4px 30px -5px hsl(43 74% 52% / .35);--shadow-lg: 0 25px 50px -12px hsl(0 0% 0% / .5);--shadow-card: 0 8px 32px -8px hsl(275 90% 10% / .6)}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;overflow-x:hidden;width:100%;font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--gradient-dark);color:hsl(var(--foreground));text-rendering:optimizeLegibility}.dashboard-typography{word-break:normal;overflow-wrap:anywhere;-webkit-hyphens:none;hyphens:none;line-height:1.5}.dashboard-typography h1,.dashboard-typography h2,.dashboard-typography h3,.dashboard-typography h4,.dashboard-typography h5,.dashboard-typography h6,.dashboard-typography p,.dashboard-typography span,.dashboard-typography a,.dashboard-typography div{word-break:normal;overflow-wrap:anywhere;-webkit-hyphens:none;hyphens:none}#root{min-height:100%;width:100%;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.text-gradient-neon{background:var(--gradient-neon);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-purple{background:var(--gradient-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-gold{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-gradient-neon{background:var(--gradient-neon)}.bg-gradient-purple{background:var(--gradient-purple)}.bg-gradient-gold{background:var(--gradient-gold)}.bg-gradient-dark{background:var(--gradient-dark)}.bg-gradient-card{background:var(--gradient-card)}.shadow-neon{box-shadow:var(--shadow-neon)}.shadow-pink{box-shadow:var(--shadow-pink)}.shadow-gold{box-shadow:var(--shadow-gold)}.shadow-card{box-shadow:var(--shadow-card)}.text-gold{color:hsl(var(--gold))}.bg-gold{background-color:hsl(var(--gold))}.border-gold{border-color:hsl(var(--gold))}.text-neon{color:hsl(var(--neon-green))}.text-pink{color:hsl(var(--hot-pink))}.glass{background:#1c082bcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes glow{0%,to{box-shadow:0 0 20px hsl(var(--primary) / .15)}50%{box-shadow:0 0 35px hsl(var(--primary) / .35)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-slide-up{animation:slideUp .6s ease-out forwards}.animate-scale-in{animation:scaleIn .4s ease-out forwards}.animate-glow{animation:glow 2s ease-in-out infinite}.clip-corners{clip-path:polygon(var(--clip-corner) 0%,calc(100% - var(--clip-corner)) 0%,100% var(--clip-corner),100% calc(100% - var(--clip-corner)),calc(100% - var(--clip-corner)) 100%,var(--clip-corner) 100%,0% calc(100% - var(--clip-corner)),0% var(--clip-corner))}.clip-corners-diagonal{--clip-shape: polygon( var(--clip-corner) 0%, 100% 0%, 100% calc(100% - var(--clip-corner)), calc(100% - var(--clip-corner)) 100%, 0% 100%, 0% var(--clip-corner) );--clip-border-color: hsl(var(--border) / .3);position:relative;clip-path:var(--clip-shape);border-width:0!important;border-color:transparent!important}.clip-corners-diagonal-frame{position:relative;--clip-shape: polygon( var(--clip-corner) 0%, 100% 0%, 100% calc(100% - var(--clip-corner)), calc(100% - var(--clip-corner)) 100%, 0% 100%, 0% var(--clip-corner) );--clip-border-color: hsl(var(--border) / .45);clip-path:var(--clip-shape);background:var(--clip-border-color);padding:1.5px}.clip-corners-diagonal-frame>.clip-corners-diagonal-frame__content{clip-path:var(--clip-shape)}.clip-corners-diagonal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:var(--clip-shape);pointer-events:none;border:1px solid;border-color:var(--clip-border-color, inherit);z-index:1}.clip-border-transparent{--clip-border-color: transparent}.clip-border-subtle{--clip-border-color: hsl(var(--gold) / .45)}.clip-border-primary{--clip-border-color: hsl(var(--primary) / .55)}.clip-border-muted{--clip-border-color: hsl(var(--border) / .45)}.clip-corners-diagonal-border{--clip-shape: polygon( var(--clip-corner) 0%, 100% 0%, 100% calc(100% - var(--clip-corner)), calc(100% - var(--clip-corner)) 100%, 0% 100%, 0% var(--clip-corner) );--clip-border-color: hsl(var(--border) / .3);position:relative;clip-path:var(--clip-shape);border-width:0!important;border-color:transparent!important}.clip-corners-diagonal-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:var(--clip-shape);pointer-events:none;z-index:1;border:1px solid;border-color:var(--clip-border-color, inherit)}.clip-path-slant-up{clip-path:polygon(0 30%,100% 0,100% 100%,0% 100%)}
