@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--font-family:"Plus Jakarta Sans","Inter",sans-serif;--bg-main:#050505;--bg-premium-gradient:linear-gradient(180deg,#050505 0%,#0a0a0a 50%,#050505 100%);--bg-card:#0f0f0fb3;--bg-input:#ffffff08;--text-primary:#fff;--text-secondary:#ffffffb3;--text-tertiary:#ffffff73;--accent-primary:#fff;--gradient-premium:linear-gradient(135deg,#fff 0%,#707070 100%);--gradient-button:linear-gradient(135deg,#fff 0%,#a0a0a0 100%);--gradient-glow:radial-gradient(circle at 50% -20%,#ffffff1f 0%,transparent 70%);--border-glass:#ffffff1a;--border-focus:#ffffff4d;--shadow-premium:0 0 0 1px #ffffff0d,0 20px 40px -10px #00000080;--height-xs:2rem;--height-sm:2.5rem;--height-md:3rem;--height-lg:3.5rem;--padding-xs:.5rem;--padding-sm:.75rem;--padding-md:1rem;--padding-lg:1.5rem;--padding-xl:2rem;--text-xs:clamp(.7rem,.65rem + .2vw,.8rem);--text-sm:clamp(.8rem,.75rem + .2vw,.9rem);--text-base:clamp(.9rem,.85rem + .3vw,1.05rem);--text-md:clamp(1.05rem,1rem + .4vw,1.2rem);--text-lg:clamp(1.2rem,1.1rem + .5vw,1.4rem);--text-xl:clamp(1.4rem,1.3rem + .7vw,1.75rem);--text-2xl:clamp(1.75rem,1.5rem + 1vw,2.5rem);--text-3xl:clamp(2.5rem,2rem + 1.5vw,3.5rem);--text-4xl:clamp(3rem,2.5rem + 2vw,4.5rem);--text-5xl:clamp(4rem,3.5rem + 3vw,6.5rem);--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--radius-sm:.75rem;--radius-md:1rem;--radius-lg:1.25rem;--radius-xl:1.5rem;--radius-full:9999px}html.light-mode{--bg-main:#fff;--bg-premium-gradient:linear-gradient(180deg,#fff 0%,#f5f5f5 50%,#fff 100%);--bg-card:linear-gradient(145deg,#fff 0%,#f5f5f5 100%);--bg-input:#f0f0f0;--text-primary:#121212;--text-secondary:#525252;--text-tertiary:#737373;--accent-primary:#121212;--gradient-premium:linear-gradient(135deg,#121212 0%,#525252 100%);--gradient-button:linear-gradient(135deg,#121212 0%,#404040 100%);--gradient-glow:radial-gradient(circle at 50% -20%,#00000008 0%,transparent 70%);--border-glass:#00000014;--border-focus:#0003;--shadow-premium:0 20px 50px -12px #00000014,0 0 15px #00000005}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--text-base);line-height:1.6;transition:background-color .4s cubic-bezier(.4,0,.2,1),color .4s cubic-bezier(.4,0,.2,1);overflow-y:auto}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);box-shadow:var(--shadow-premium);padding:var(--padding-lg);border-radius:var(--radius-lg);transition:transform .3s,box-shadow .3s}.glass-card:hover{box-shadow:var(--shadow-premium),0 10px 20px #0000001a;transform:translateY(-2px)}.glass-input{background:var(--bg-input);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:0 var(--padding-md);height:var(--height-sm);color:var(--text-primary);font-size:var(--text-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-input:focus{border-color:var(--border-focus);background:var(--bg-input);outline:none;box-shadow:0 0 15px #00000008}.btn-premium{background:var(--gradient-button);color:#fff;border-radius:var(--radius-md);padding:0 var(--padding-lg);height:var(--height-sm);cursor:pointer;font-weight:700;font-size:var(--text-sm);border:none;justify-content:center;align-items:center;gap:.5rem;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-flex}html.light-mode .btn-premium{color:#fff}.btn-premium:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 24px #0003}.btn-premium:active{transform:translateY(0)}.text-gradient{background:var(--gradient-premium);-webkit-text-fill-color:#0000;-webkit-background-clip:text;display:inline-block}.custom-scrollbar::-webkit-scrollbar{width:5px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--border-focus)}.responsive-grid{grid-template-cols:repeat(auto-fit,minmax(clamp(250px,100%,350px),1fr));gap:var(--spacing-md);display:grid}.container-premium{width:100%;max-width:1400px;padding:0 var(--padding-lg);margin:0 auto}.bg-grainy{background-color:var(--bg-main);position:relative;overflow:hidden}.bg-grainy:before{content:"";opacity:.05;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:-100%}html.light-mode .bg-grainy:before{opacity:.03}.mesh-gradient{pointer-events:none;background:radial-gradient(at 0 0,#ffffff08 0,#0000 50%),radial-gradient(at 50% 0,#ffffff0d 0,#0000 50%),radial-gradient(at 100% 0,#ffffff08 0,#0000 50%);position:absolute;inset:0}html.light-mode .mesh-gradient{background:radial-gradient(at 0 0,#00000003 0,#0000 50%),radial-gradient(at 50% 0,#00000005 0,#0000 50%),radial-gradient(at 100% 0,#00000003 0,#0000 50%)}.btn-premium-gradient{color:#000;border-radius:var(--radius-md);background:linear-gradient(135deg,#fff 0%,#a0a0a0 100%);border:none;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #ffffff1a}html.light-mode .btn-premium-gradient{color:#fff;background:linear-gradient(135deg,#121212 0%,#404040 100%);box-shadow:0 4px 15px #0000001a}.btn-premium-gradient:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 8px 25px #ffffff26}html.light-mode .btn-premium-gradient:hover{box-shadow:0 8px 25px #0003}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s ease-out forwards fade-in}.animate-slide-up{animation:.8s ease-out forwards slide-up}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}
