@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--color-bg-primary:#1c1c1c;--color-bg-secondary:#252525;--color-bg-paper:#2a2a2a;--color-bg-dark:#141414;--color-bg-overlay:#1c1c1ce6;--color-accent-primary:#24e5d6;--color-accent-hover:#1bc7ba;--color-accent-light:#3aede0;--color-accent-dark:#19b3a8;--color-accent-glow:#24e5d633;--color-text-primary:#fff;--color-text-secondary:#b8b8b8;--color-text-disabled:#666;--color-text-accent:#24e5d6;--color-status-success:#4caf50;--color-status-warning:#ffa726;--color-status-error:#ef5350;--color-status-info:#29b6f6;--gradient-primary:linear-gradient(135deg,#24e5d6,#19b3a8);--gradient-background:linear-gradient(135deg,#1c1c1c,#141414);--gradient-card:linear-gradient(145deg,#2a2a2a,#252525);--gradient-accent:linear-gradient(45deg,#24e5d6,#3aede0);--shadow-small:0 2px 8px #00000026;--shadow-medium:0 4px 16px #0003;--shadow-large:0 8px 32px #00000040;--shadow-accent:0 4px 16px #24e5d633;--shadow-accent-large:0 8px 32px #24e5d633;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"Fira Code","Consolas","Monaco",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--spacing-40:10rem;--spacing-48:12rem;--spacing-56:14rem;--spacing-64:16rem;--radius-none:0;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--duration-fast:150ms;--duration-normal:300ms;--duration-slow:500ms;--duration-slower:800ms;--easing-linear:linear;--easing-ease-in:cubic-bezier(0.4,0,1,1);--easing-ease-out:cubic-bezier(0,0,0.2,1);--easing-ease-in-out:cubic-bezier(0.4,0,0.2,1);--easing-spring:cubic-bezier(0.68,-0.55,0.265,1.55);--transition-all:all var(--duration-normal) var(--easing-ease-in-out);--transition-colors:background-color var(--duration-normal) var(--easing-ease-in-out),color var(--duration-normal) var(--easing-ease-in-out);--transition-transform:transform var(--duration-normal) var(--easing-ease-in-out);--transition-opacity:opacity var(--duration-normal) var(--easing-ease-in-out);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:1.5;margin:0;overflow-x:hidden;transition:var(--transition-colors)}@media (max-width:768px){body{font-size:var(--font-size-sm)}}@media (max-width:480px){body{font-size:var(--font-size-xs)}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-bg-dark);border-radius:var(--radius-base)}::-webkit-scrollbar-thumb{background:var(--color-accent-primary);border-radius:var(--radius-base);-webkit-transition:var(--transition-colors);transition:var(--transition-colors)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-light)}*{scrollbar-color:var(--color-accent-primary) var(--color-bg-dark);scrollbar-width:thin}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes glow{0%{box-shadow:0 0 5px var(--color-accent-glow)}50%{box-shadow:0 0 20px #24e5d666}to{box-shadow:0 0 5px var(--color-accent-glow)}}.fade-in{animation:fadeIn var(--duration-normal) var(--easing-ease-out)}.fade-in-up{animation:fadeInUp var(--duration-slow) var(--easing-ease-out)}.slide-in-left{animation:slideInLeft var(--duration-slow) var(--easing-ease-out)}.slide-in-right{animation:slideInRight var(--duration-slow) var(--easing-ease-out)}.pulse{animation:pulse var(--duration-slower) var(--easing-ease-in-out) infinite}.bounce{animation:bounce 1s var(--easing-ease-out)}.glow{animation:glow 2s var(--easing-ease-in-out) infinite}.hover-lift{transition:var(--transition-transform)}.hover-lift:hover{transform:translateY(-4px)}.hover-glow{transition:box-shadow var(--duration-normal) var(--easing-ease-in-out)}.hover-glow:hover{box-shadow:0 0 20px var(--color-accent-glow)}.hover-scale{transition:var(--transition-transform)}.hover-scale:hover{transform:scale(1.05)}.container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-4)}@media (max-width:768px){.container{padding:0 var(--spacing-3)}}.grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}.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-1{flex:1 1}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-6{margin:var(--spacing-6)}.m-8{margin:var(--spacing-8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-text-accent)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-paper{background-color:var(--color-bg-paper)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-card{background:var(--gradient-card)}.rounded{border-radius:var(--radius-base)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-small)}.shadow{box-shadow:var(--shadow-medium)}.shadow-lg{box-shadow:var(--shadow-large)}.shadow-accent{box-shadow:var(--shadow-accent)}.loading{overflow:hidden;position:relative}.loading:after{animation:loading 1.5s infinite;background:linear-gradient(90deg,#0000,#24e5d61a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes loading{0%{left:-100%}to{left:100%}}:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}