*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#fff;background-color:#0a0a0a;overflow-x:hidden}.skip-link{position:absolute;top:-40px;left:6px;background:#007bff;color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:10000}.skip-link:focus{top:6px}.container{max-width:1400px;margin:0 auto;padding:0 2rem}img.lazy-loading{opacity:.5;filter:blur(2px);transition:all .3s ease}img.lazy-loaded{opacity:1;filter:none;transition:all .3s ease}img.lazy-error{opacity:.3;filter:grayscale(100%)}.loading-placeholder{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;border:none;border-radius:50px;font-weight:700;text-decoration:none;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);font-size:1rem;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#00d4ff,#09c);color:#000;box-shadow:0 10px 30px #00d4ff4d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 20px 40px #00d4ff66}.btn-secondary{background:linear-gradient(135deg,#ff6b35,#ff4500);color:#fff;box-shadow:0 10px 30px #ff6b354d}.btn-secondary:hover{transform:translateY(-3px);box-shadow:0 20px 40px #ff6b3566}.btn-outline{background:transparent;border:2px solid #00D4FF;color:#00d4ff}.btn-outline:hover{background:#00d4ff;color:#000;transform:translateY(-3px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes glow{0%,to{box-shadow:0 0 20px #00d4ff4d}50%{box-shadow:0 0 40px #00d4ff99}}.fade-in-up{animation:fadeInUp .8s ease-out}.slide-in-left{animation:slideInLeft .8s ease-out}.slide-in-right{animation:slideInRight .8s ease-out}.glow-effect{animation:glow 2s ease-in-out infinite}.grid{display:grid;gap:2rem}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr}.container{padding:0 1rem}.btn{padding:.875rem 1.5rem;font-size:.9rem}}.modal-overlay{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);padding:2rem;border-radius:20px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;position:relative;animation:fadeInUp .3s ease-out;border:1px solid #333;box-shadow:0 25px 50px #00000080}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#fff;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.form-group input{width:100%;padding:1rem;border:2px solid #333;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#1a1a1a;color:#fff}.form-group input:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 20px #00d4ff4d;background:#222}.form-group input.error{border-color:#ff6b35;box-shadow:0 0 20px #ff6b354d}.error-message{color:#ff6b35;font-size:.875rem;margin-top:.5rem}.success-message{color:#00d4ff;font-size:.875rem;margin-top:.5rem}.gradient-text{background:linear-gradient(135deg,#00d4ff,#09c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-orange{background:linear-gradient(135deg,#ff6b35,#ff4500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00d4ff,#09c);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#09c,#00d4ff)}
