:root{--primary-red: #DC2626;--vibrant-red: #FF0000;--soft-red: rgba(220, 38, 38, .05);--deep-black: #000000;--pure-white: #FFFFFF;--glass-white: rgba(255, 255, 255, .95);--soft-shadow: 0 4px 20px -5px rgba(0, 0, 0, .05);--hover-shadow: 0 15px 35px -10px rgba(220, 38, 38, .1);--border-color: rgba(0, 0, 0, .08);--mobile-px: 16px;--tablet-px: 32px;--laptop-px: 48px}[data-theme=dark]{--primary-red: #EF4444;--vibrant-red: #FF4444;--soft-red: rgba(239, 68, 68, .1);--deep-black: #FFFFFF;--pure-white: #0F172A;--glass-white: rgba(15, 23, 42, .9);--soft-shadow: 0 4px 20px -5px rgba(0, 0, 0, .3);--hover-shadow: 0 15px 35px -10px rgba(239, 68, 68, .2);--border-color: rgba(255, 255, 255, .1)}body{transition:background-color .3s ease,color .3s ease;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-family:Outfit,system-ui,sans-serif;letter-spacing:-.01em;font-weight:400;background-color:var(--pure-white);color:var(--deep-black);scroll-behavior:smooth}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000000d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-red)}.glass-panel{background:var(--glass-white);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-color)}.premium-card{background:var(--pure-white);border:1px solid var(--border-color);box-shadow:var(--soft-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-card:hover{transform:translateY(-2px);box-shadow:var(--hover-shadow);border-color:#dc26264d}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.responsive-container{width:100%;padding-left:var(--mobile-px);padding-right:var(--mobile-px);margin-left:auto;margin-right:auto}@media(min-width:1024px){.responsive-container{padding-left:var(--laptop-px);padding-right:var(--laptop-px)}}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}
