@tailwind base;@tailwind components;@tailwind utilities;:root{--shido-bg: 3 3 4;--shido-card: 8 8 10;--shido-dark: 1 1 1;--shido-cyan: 0 240 255;--shido-purple: 112 0 255;--shido-border: 255 255 255 / .08;--text-primary: 243 244 246;--text-secondary: 156 163 175;--text-tertiary: 107 114 128;--text-accent: 0 240 255;--text-inverted: 3 3 4;--noise-opacity: .02;--shido-success: 34 197 94;--shido-warning: 234 179 8;--shido-danger: 239 68 68}body.theme-white{--shido-bg: 248 249 250;--shido-card: 255 255 255;--shido-dark: 229 231 235;--shido-cyan: 37 99 235;--shido-purple: 124 58 237;--shido-border: 229 231 235;--text-primary: 17 24 39;--text-secondary: 55 65 81;--text-tertiary: 107 114 128;--text-accent: 37 99 235;--text-inverted: 255 255 255;--noise-opacity: 0;--shido-success: 22 163 74;--shido-warning: 202 138 4;--shido-danger: 220 38 38}body.theme-grey{--shido-bg: 17 24 39;--shido-card: 31 41 55;--shido-dark: 0 0 0;--shido-cyan: 34 211 238;--shido-purple: 167 139 250;--shido-border: 55 65 81;--text-primary: 243 244 246;--text-secondary: 156 163 175;--text-tertiary: 107 114 128;--text-accent: 34 211 238;--text-inverted: 17 24 39;--noise-opacity: .015;--shido-success: 52 211 153;--shido-warning: 250 204 21;--shido-danger: 248 113 113}body.theme-purple{--shido-bg: 42 26 69;--shido-card: 59 38 91;--shido-dark: 19 12 32;--shido-cyan: 56 189 248;--shido-purple: 192 132 252;--shido-border: 192 132 252 / .2;--text-primary: 233 213 255;--text-secondary: 196 181 253;--text-tertiary: 167 139 250;--text-accent: 192 132 252;--text-inverted: 28 17 46;--noise-opacity: .02;--shido-success: 74 222 128;--shido-warning: 251 191 36;--shido-danger: 251 113 133}body{background-color:rgb(var(--shido-bg));color:rgb(var(--text-primary));overflow-x:hidden;font-feature-settings:"ss01","ss02","cv01","cv02";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 50% 0%,rgba(var(--shido-card),.5) 0%,transparent 60%);min-height:100vh;transition:background-color .5s ease,color .5s ease}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:var(--noise-opacity);pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");transition:opacity .5s ease}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:rgb(var(--text-primary))}p,span,div,li,a,button{transition:color .3s ease,background-color .3s ease,border-color .3s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgb(var(--shido-bg))}::-webkit-scrollbar-thumb{background:rgb(var(--shido-card));border-radius:4px;border:1px solid rgb(var(--shido-bg))}::-webkit-scrollbar-thumb:hover{background:rgb(var(--shido-cyan))}.glass-panel{background:rgba(var(--shido-card),.7);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgb(var(--shido-border));box-shadow:0 20px 40px #0006}.text-glow{text-shadow:0 0 20px rgba(var(--shido-cyan),.8)}.tech-text{font-family:Rajdhani,sans-serif;letter-spacing:.05em;line-height:1.6}.clip-tech{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.clip-tech-sm{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.clip-ninja{clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}.clip-ninja-sm{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.bg-300\%{background-size:300% 300%}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-gradient{background-size:300%;animation:gradient-shift 8s ease infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.animate-glitch:hover{animation:glitch .3s cubic-bezier(.25,.46,.45,.94) both infinite;color:rgb(var(--shido-cyan))}@keyframes scan-line{0%{top:0%}to{top:100%}}.animate-scan{animation:scan-line 2s linear infinite}@keyframes rotate-border-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.border-animation-overlay{display:none;pointer-events:none}.dark .group:hover .border-animation-overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:conic-gradient(from 180deg at 50% 50%,transparent 0%,rgb(var(--shido-cyan)) 10%,transparent 25%);animation:rotate-border-animation 3s linear infinite;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;clip-path:inherit}