@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root[data-theme=dark]{--color-primary: #000000;--color-secondary: #1a1a1a;--color-accent: #ffffff;--color-border: #333333;--color-primary-text: #ffffff;--color-secondary-text: #b3b3b3;--color-hover: #2a2a2a}:root[data-theme=light]{--color-primary: #ffffff;--color-secondary: #f5f5f5;--color-accent: #000000;--color-border: #e0e0e0;--color-primary-text: #000000;--color-secondary-text: #666666;--color-hover: #e8e8e8}:root{--color-primary: #000000;--color-secondary: #1a1a1a;--color-accent: #ffffff;--color-border: #333333;--color-primary-text: #ffffff;--color-secondary-text: #b3b3b3;--color-hover: #2a2a2a}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-primary);color:var(--color-primary-text);transition:background-color .3s ease,color .3s ease}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-accent{background-color:var(--color-accent)}.text-primary-text{color:var(--color-primary-text)}.text-secondary-text{color:var(--color-secondary-text)}.text-accent{color:var(--color-accent)}.border-border{border-color:var(--color-border)}.border-accent{border-color:var(--color-accent)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-secondary);border-radius:5px}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:5px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:var(--color-secondary-text)}*{scrollbar-width:thin;scrollbar-color:var(--color-accent) var(--color-secondary)}html{scroll-behavior:smooth}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #ffffff4d}50%{box-shadow:0 0 30px #fff9}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.animate-slide-up{animation:slideUp .5s ease-out forwards}.animate-slide-down{animation:slideDown .5s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .5s ease-out forwards}.animate-slide-in-right{animation:slideInRight .5s ease-out forwards}.animate-scale-in{animation:scaleIn .3s ease-out forwards}.animate-pulse-slow{animation:pulse 3s cubic-bezier(.4,0,.6,1) infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.glass{background:#1a1a1ab3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border)}[data-theme=light] .glass{background:#f5f5f5b3}.glass-strong{background:#1a1a1af2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border)}[data-theme=light] .glass-strong{background:#f5f5f5f2}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}[data-theme=light] .hover-lift:hover{box-shadow:0 10px 30px #0000001a}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 20px var(--color-accent)}.btn-primary{background:var(--color-accent);color:var(--color-primary);padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0003}.btn-secondary{background:var(--color-secondary);color:var(--color-primary-text);padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .3s ease;border:2px solid var(--color-border);cursor:pointer}.btn-secondary:hover{background:var(--color-hover);border-color:var(--color-accent);transform:translateY(-2px)}.card{background:var(--color-secondary);border:2px solid var(--color-border);border-radius:1rem;padding:1.5rem;transition:all .3s ease}.card:hover{border-color:var(--color-accent);box-shadow:0 10px 30px #0003;transform:translateY(-5px)}.spinner{border:3px solid var(--color-border);border-top:3px solid var(--color-accent);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin 3s linear infinite}*:focus{outline:2px solid var(--color-accent);outline-offset:2px}button:focus,input:focus,textarea:focus{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:var(--color-accent);color:var(--color-primary)}::-moz-selection{background:var(--color-accent);color:var(--color-primary)}@media (max-width: 768px){html{font-size:14px}}@media (max-width: 480px){html{font-size:12px}}