:root{--bg-primary: #ffffff;--bg-secondary: #f3f4f6;--bg-tertiary: #e5e7eb;--bg-glass: rgba(255, 255, 255, .85);--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--text-inverse: #ffffff;--border-color: #e5e7eb;--k-red: #D32F2F;--k-yellow: #FBC02D;--k-green: #388E3C;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 10px 30px rgba(0,0,0,.08);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(211, 47, 47, .15)}body.dark-mode{--bg-primary: #0a0a0a;--bg-secondary: #171717;--bg-tertiary: #262626;--bg-glass: rgba(10, 10, 10, .85);--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #6b7280;--text-inverse: #000000;--border-color: #262626;--k-red: #ef4444;--k-yellow: #fbbf24;--k-green: #4ade80;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 10px 40px rgba(0,0,0,.6);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .7);--shadow-glow: 0 0 30px rgba(239, 68, 68, .3)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease,border-color .3s ease;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:color .2s ease}button{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background:var(--k-red);color:#fff}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.text-gradient{background:linear-gradient(90deg,var(--k-red),var(--k-yellow),var(--k-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pulse-dot{width:8px;height:8px;background:var(--k-green);border-radius:50%;animation:pulse-green 2s infinite;display:inline-block}@keyframes pulse-green{0%{box-shadow:0 0 #4ade80b3;transform:scale(.95)}70%{box-shadow:0 0 0 6px #4ade8000;transform:scale(1)}to{box-shadow:0 0 #4ade8000;transform:scale(.95)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}