@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--dark-gradient:linear-gradient(135deg,#0f0f1a,#1a1a2e 50%,#16213e);--card-bg:rgba(30,30,50,.6);--card-border:hsla(0,0%,100%,.1);--text-primary:#fff;--text-secondary:#a0aec0;--accent-purple:#9f7aea;--accent-pink:#ed64a6;--accent-blue:#4299e1;--glow-color:rgba(147,51,234,.3)}*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100vw;overflow-x:hidden}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--dark-gradient);background-attachment:fixed;min-height:100vh;color:var(--text-primary);position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(102,126,234,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(118,75,162,.1) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(237,100,166,.08) 0,transparent 50%);pointer-events:none;z-index:0}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:.5em}h1{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.02em}h2{font-size:clamp(1.5rem,4vw,2.5rem);letter-spacing:-.01em}h3{font-size:clamp(1.25rem,3vw,1.75rem)}p{line-height:1.6;margin-bottom:1rem;color:var(--text-secondary)}a{color:inherit;text-decoration:none;transition:all .3s ease}a:hover{color:var(--accent-purple)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .3s ease}button:focus-visible{outline:2px solid var(--accent-purple);outline-offset:2px}.btn-primary{background:var(--primary-gradient);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;box-shadow:0 4px 15px rgba(102,126,234,.4);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.6)}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:hsla(0,0%,100%,.1);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;border:1px solid hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3);transform:translateY(-2px)}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:1rem;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-purple),transparent);opacity:0;transition:opacity .3s ease}.card:hover{border-color:rgba(147,51,234,.3);box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 20px var(--glow-color);transform:translateY(-4px)}.card:hover:before{opacity:1}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2 50%,#ed64a6);-webkit-background-clip:text;background-clip:text}.gradient-text,.gradient-text-blue{-webkit-text-fill-color:transparent}.gradient-text-blue{background:linear-gradient(135deg,#4299e1,#667eea);-webkit-background-clip:text;background-clip:text}.glow-purple{box-shadow:0 0 20px rgba(147,51,234,.5),0 0 40px rgba(147,51,234,.3)}.glow-pink{box-shadow:0 0 20px rgba(237,100,166,.5),0 0 40px rgba(237,100,166,.3)}.glow-blue{box-shadow:0 0 20px rgba(66,153,225,.5),0 0 40px rgba(66,153,225,.3)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(147,51,234,.4)}50%{box-shadow:0 0 40px rgba(147,51,234,.6)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-slide-up{animation:slide-up .6s ease-out}.icon-box{width:4rem;height:4rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:all .3s ease}.icon-box-purple{background:linear-gradient(135deg,rgba(147,51,234,.2),rgba(147,51,234,.1));border:1px solid rgba(147,51,234,.3)}.icon-box-pink{background:linear-gradient(135deg,rgba(237,100,166,.2),rgba(237,100,166,.1));border:1px solid rgba(237,100,166,.3)}.icon-box-blue{background:linear-gradient(135deg,rgba(66,153,225,.2),rgba(66,153,225,.1));border:1px solid rgba(66,153,225,.3)}.icon-box-green{background:linear-gradient(135deg,rgba(72,187,120,.2),rgba(72,187,120,.1));border:1px solid rgba(72,187,120,.3)}.icon-box:hover{transform:scale(1.1)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem}.grid-2,.grid-3{display:grid;gap:1.5rem}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:rgba(15,15,26,.5)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-purple),var(--accent-pink));border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a855f7,#ec4899)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mt-20{margin-top:5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-12{padding:3rem}.p-20{padding:5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.min-h-screen{min-height:100vh}.max-w-4xl{max-width:56rem}.w-full{width:100%}.space-y-6>*+*{margin-top:1.5rem}.space-y-4>*+*{margin-top:1rem}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}h1{font-size:2rem}h2{font-size:1.5rem}.card{padding:1.5rem}.btn-primary,.btn-secondary{width:100%}}@media (max-width:480px){h1{font-size:1.75rem}.p-12,.p-20{padding:1.5rem}.card{padding:1.25rem}}[data-rk]{--rk-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif}.spinner{width:40px;height:40px;border:3px solid rgba(147,51,234,.3);border-top:3px solid var(--accent-purple);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-purple{background:rgba(147,51,234,.2);color:#c084fc;border:1px solid rgba(147,51,234,.3)}.badge-green{background:rgba(72,187,120,.2);color:#4ade80;border:1px solid rgba(72,187,120,.3)}.divider{height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);margin:2rem 0}code{font-family:Fira Code,Courier New,monospace;background:rgba(0,0,0,.3);padding:.2rem .4rem;border-radius:.25rem;font-size:.9em;color:#a855f7}pre{background:rgba(0,0,0,.4);padding:1rem;border-radius:.5rem;overflow-x:auto;border:1px solid hsla(0,0%,100%,.1)}pre code{background:none;padding:0;color:#e2e8f0}