*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#0c2338;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--cyan:#06b6d4;--purple:#a855f7;--red:#ef4444;--green:#22c55e}html,body{width:100%;height:100%}body{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-tertiary) 100%);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f172a80}::-webkit-scrollbar-thumb{background:#06b6d480;border-radius:4px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:.5s ease-out fade-in}.slide-in{animation:.3s ease-out slide-in}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.btn-primary{background:linear-gradient(135deg, var(--cyan) 0%, var(--purple) 100%);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-2px)}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b80;border:1px solid #06b6d433;border-radius:.75rem;padding:1.5rem}.input{width:100%;color:var(--text-primary);background:#1e293b80;border:1px solid #06b6d433;border-radius:.5rem;padding:.75rem 1rem;font-size:1rem;transition:all .3s}.input:focus{background:#1e293bcc;border-color:#06b6d480;outline:none}