*{margin:0;padding:0;box-sizing:border-box}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--tertiary-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--success-gradient: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--dark-bg: #0f0c29;--dark-bg-2: #1a1a2e;--card-bg: rgba(255, 255, 255, .05);--text-primary: #ffffff;--text-secondary: #b8b8d4;--glow-color: rgba(102, 126, 234, .5);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .3);--shadow-xl: 0 30px 80px rgba(0, 0, 0, .4)}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);color:var(--text-primary);overflow-x:hidden;line-height:1.6}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px var(--glow-color),0 0 40px var(--glow-color)}50%{box-shadow:0 0 40px var(--glow-color),0 0 80px var(--glow-color)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes wave{0%{transform:translate(0) translateY(0)}50%{transform:translate(-25%) translateY(-10px)}to{transform:translate(-50%) translateY(0)}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:100px 0;position:relative}.section-title{text-align:center;font-size:3rem;font-weight:700;margin-bottom:20px;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fade-in-down .8s ease-out}.section-subtitle{text-align:center;font-size:1.2rem;color:var(--text-secondary);margin-bottom:60px;animation:fade-in-up .8s ease-out .2s both}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.1);padding:30px;transition:all .3s ease}.glass-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl);border-color:#fff3}.btn{padding:15px 40px;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-decoration:none;display:inline-block}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 10px 30px #667eea4d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #667eea80}.btn-secondary{background:var(--secondary-gradient);color:#fff;box-shadow:0 10px 30px #f5576c4d}.btn-secondary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #f5576c80}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:before{width:300px;height:300px}.form-input,.form-select,.form-textarea{width:100%;padding:15px 20px;border:2px solid rgba(255,255,255,.1);border-radius:15px;background:#ffffff0d;color:var(--text-primary);font-size:1rem;font-family:Poppins,sans-serif;transition:all .3s ease;margin-bottom:20px}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#667eea;background:#ffffff14;box-shadow:0 0 20px #667eea4d}.form-textarea{min-height:150px;resize:vertical}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}@media (max-width: 768px){.section{padding:60px 0}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.btn{padding:12px 30px;font-size:.9rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader{border:4px solid rgba(255,255,255,.1);border-top:4px solid #667eea;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:20px auto}