*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:red;--secondary-color:#000;--white:#fff;--light-gray:#f5f5f5;--gray:#e0e0e0;--dark-gray:#1a1a1a;--text-color:#fff;--border-radius:8px;--transition:all .3s ease;--bg-dark:#0a0a0a;--bg-secondary:#141414;--border-color:hsla(0,0%,100%,.1)}body{background-color:#000;color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--white);font-weight:700;margin-bottom:1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}p{color:#fffc;margin-bottom:1rem}a{color:inherit;text-decoration:none;transition:var(--transition)}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{border:none;border-radius:var(--border-radius);cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:12px 30px;text-align:center;transition:var(--transition)}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:hover{background-color:#c00;box-shadow:0 4px 12px #f006;transform:translateY(-2px)}.btn-secondary{background-color:var(--secondary-color);color:var(--white)}.btn-secondary:hover{background-color:var(--dark-gray);box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.btn-outline{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:var(--white)}.card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 2px 10px #00000080;padding:25px;transition:var(--transition)}.card:hover{border-color:var(--primary-color);box-shadow:0 5px 20px #ff00004d;transform:translateY(-5px)}.form-group{margin-bottom:20px}.form-label{color:var(--white);display:block;font-weight:600;margin-bottom:8px}.form-input,.form-select,.form-textarea{background:#0000004d;border:2px solid hsla(0,0%,100%,.2);border-radius:12px;box-shadow:0 2px 8px #0003;color:var(--white);font-family:inherit;font-size:1rem;padding:14px 18px;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#0006;border-color:red;box-shadow:0 0 0 3px #f003,0 4px 12px #ff00004d;outline:none;transform:translateY(-2px)}.form-input::-moz-placeholder,.form-select::-moz-placeholder,.form-textarea::-moz-placeholder{color:#ffffff80}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:#ffffff80}.form-textarea{min-height:100px;resize:vertical}.grid{display:grid;gap:30px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.section{padding:60px 0}.section-title{margin-bottom:50px;text-align:center}.section-title p{color:#ffffffb3;margin-top:10px}.section-title h2{color:var(--white);display:inline-block;font-size:2.5rem;position:relative}.section-title h2:after{background:linear-gradient(90deg,var(--primary-color),#c00);border-radius:2px;bottom:-10px;box-shadow:0 2px 10px #ff000080;content:"";height:4px;left:50%;position:absolute;transform:translate(-50%);width:80px}.spinner{animation:spin 1s linear infinite;border-top:4px solid var(--gray);border:4px solid var(--gray);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin:20px auto;width:40px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;padding:5px 12px}.badge-primary{background-color:var(--primary-color);color:var(--white)}.badge-secondary{background-color:var(--secondary-color);color:var(--white)}.alert{border-radius:var(--border-radius);margin-bottom:20px;padding:15px 20px}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-info{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.section{padding:40px 0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.btn{font-size:.95rem;padding:10px 20px}}@media(max-width:480px){.container{padding:0 15px}h1{font-size:1.75rem}h2{font-size:1.5rem}}