@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--color-bg-primary:#1a1a1a;--color-bg-secondary:#2d2d2d;--color-bg-paper:#0f0f0f;--color-bg-dark:#141414;--color-bg-overlay:#1a1a1ae6;--color-accent-primary:#ff4500;--color-accent-hover:#dc143c;--color-accent-light:tomato;--color-accent-dark:#8b0000;--color-accent-glow:#ff450033;--color-text-primary:#fff;--color-text-secondary:#b8b8b8;--color-text-disabled:#666;--color-text-accent:#ff4500;--color-status-success:#4caf50;--color-status-warning:#ffa726;--color-status-error:#ef5350;--color-status-info:#29b6f6;--gradient-primary:linear-gradient(135deg,#ff4500,#dc143c);--gradient-background:linear-gradient(135deg,#1a1a1a,#2d2d2d 50%,#0f0f0f);--gradient-card:linear-gradient(145deg,#2d2d2d,#1a1a1a);--gradient-accent:linear-gradient(45deg,#ff4500,tomato);--shadow-small:0 2px 8px #00000026;--shadow-medium:0 4px 16px #0003;--shadow-large:0 8px 32px #00000040;--shadow-accent:0 4px 16px #ff450033;--shadow-accent-large:0 8px 32px #ff450033;--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)}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}}@media (max-width:480px){body{font-size:var(--font-size-xs)}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}h4{font-size:1rem}h5{font-size:.875rem}h6{font-size:.75rem}}::-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 #ff450066}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)}}@media (max-width:480px){.container{padding:0 var(--spacing-2)}}.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:640px){.grid{gap:var(--spacing-2)}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:641px) and (max-width:768px){.grid{gap:var(--spacing-3)}.grid-cols-3,.grid-cols-4,.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:769px) and (max-width:1024px){.grid-cols-4{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,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,#ff45001a,#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}@media (max-width:640px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}@media (min-width:641px){.hide-desktop{display:none!important}.show-desktop{display:block!important}}@media (max-width:640px){.p-responsive{padding:var(--spacing-2)}.px-responsive{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.py-responsive{padding-bottom:var(--spacing-2);padding-top:var(--spacing-2)}.m-responsive{margin:var(--spacing-2)}.mx-responsive{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.my-responsive{margin-bottom:var(--spacing-2);margin-top:var(--spacing-2)}}@media (min-width:641px) and (max-width:768px){.p-responsive{padding:var(--spacing-3)}.px-responsive{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.py-responsive{padding-bottom:var(--spacing-3);padding-top:var(--spacing-3)}.m-responsive{margin:var(--spacing-3)}.mx-responsive{margin-left:var(--spacing-3);margin-right:var(--spacing-3)}.my-responsive{margin-bottom:var(--spacing-3);margin-top:var(--spacing-3)}}@media (min-width:769px){.p-responsive{padding:var(--spacing-4)}.px-responsive{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.py-responsive{padding-bottom:var(--spacing-4);padding-top:var(--spacing-4)}.m-responsive{margin:var(--spacing-4)}.mx-responsive{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.my-responsive{margin-bottom:var(--spacing-4);margin-top:var(--spacing-4)}}@media (max-width:640px){.text-center-mobile{text-align:center!important}.text-left-mobile{text-align:left!important}.text-right-mobile{text-align:right!important}}@media (max-width:768px){[role=button],a,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}}@media (max-width:640px){.rounded-mobile{border-radius:var(--radius-base)}.rounded-none-mobile{border-radius:0}}.overflow-x-auto{-webkit-overflow-scrolling:touch;overflow-x:auto}.overflow-y-auto{-webkit-overflow-scrolling:touch;overflow-y:auto}@media (max-width:768px){.scroll-indicator:after{background:linear-gradient(to right,#0000,var(--color-bg-primary));bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:30px}}