*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#0f172a;background:linear-gradient(135deg,#667eea 0%,#fff 50%,#4facfe 100%) 0 0/400% 400%;font-family:Outfit,sans-serif;animation:15s infinite gradientAnimation;overflow-x:hidden}@keyframes gradientAnimation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.glow-orb{filter:blur(100px);opacity:.12;pointer-events:none;z-index:-1;border-radius:50%;position:fixed}.orb-1{background:#667eea;width:600px;height:600px;animation:10s infinite float;top:-200px;left:-200px}.orb-2{background:#fa709a;width:500px;height:500px;animation:12s infinite reverse float;bottom:-150px;right:-150px}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.menu-bar{-webkit-backdrop-filter:blur(15px);z-index:1000;background:#ffffffd9;border:1px solid #ffffff4d;border-radius:50px;justify-content:space-between;align-items:center;width:90%;max-width:1100px;padding:12px 30px;font-family:Outfit,sans-serif;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .4s;animation:1s ease-out navEntrance;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000014}.nav-hidden{opacity:0;visibility:hidden;transform:translate(-50%)translateY(-20px)}@keyframes navEntrance{0%{opacity:0;transform:translate(-50%)translateY(-50px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.menu-links{gap:25px;margin:0;padding:0;list-style:none;display:flex}.menu-links li{position:relative}.menu-links a{color:#334155;align-items:center;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.menu-links a:hover{color:#667eea;text-shadow:0 0 10px #667eea33}.arrow{margin-left:6px;font-size:10px;transition:transform .3s}.menu-links li:hover .arrow{transform:rotate(180deg)}.menu-logo{color:#54689e;cursor:default;padding-bottom:4px;font-size:22px;font-weight:900;line-height:1;text-decoration:none;position:relative}.menu-logo:after{content:"";background:#d1242a;width:100%;height:3px;position:absolute;bottom:0;left:0}.menu-btn{color:#fff;background:linear-gradient(135deg,#0043f6,#b800eb,#0043f6) 0 0/200%;border-radius:30px;padding:10px 22px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;animation:4s linear infinite shine;box-shadow:0 8px 20px #b800eb4d}.menu-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.dropdown{opacity:0;visibility:hidden;background:#fff;border-radius:12px;min-width:250px;margin-top:15px;padding:10px 0;transition:all .3s;position:absolute;top:100%;left:0;box-shadow:0 10px 30px #0003}.menu-links li:hover .dropdown{opacity:1;visibility:visible}.dropdown a{padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;display:block;color:#333!important}.dropdown a:hover{background:#f8fafc;color:#667eea!important}.contact-wrapper{justify-content:center;max-width:1100px;margin:160px auto 100px;padding:0 20px;display:flex}.contact-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff80;border-radius:30px;grid-template-columns:1fr 1.5fr;width:100%;min-height:600px;display:grid;overflow:hidden;box-shadow:0 25px 50px #0000000d}.contact-info{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;justify-content:space-between;padding:50px;display:flex;position:relative;overflow:hidden}.contact-info:before{content:"";pointer-events:none;background:#ffffff1a;border-radius:50%;width:200px;height:200px;position:absolute;top:-50px;left:-50px}.contact-info:after{content:"";pointer-events:none;background:#ffffff1a;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-50px;right:-50px}.info-head h2{margin-bottom:15px;font-size:32px;font-weight:800}.info-head p{opacity:.9;font-size:15px;line-height:1.6}.info-details{margin-top:40px}.info-item{align-items:flex-start;gap:15px;margin-bottom:30px;display:flex}.icon-box{background:#fff3;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.item-text h4{opacity:.9;margin-bottom:5px;font-size:14px;font-weight:700}.item-text p{opacity:.8;font-size:13px;line-height:1.5}.social-links{gap:15px;display:flex}.social-btn{color:#fff;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .3s;display:flex}.social-btn svg{fill:currentColor;width:18px;height:18px}.social-btn:hover{color:#764ba2;background:#fff;transform:translateY(-3px)}.contact-form-sec{flex-direction:column;justify-content:center;padding:50px;display:flex}.form-title{color:#1e293b;margin-bottom:30px;font-size:24px;font-weight:800}.input-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.input-group{margin-bottom:20px;position:relative}.input-field{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:15px;font-family:inherit;font-size:14px;transition:all .3s}.input-field:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.input-label{color:#94a3b8;pointer-events:none;font-size:14px;transition:all .3s;position:absolute;top:15px;left:15px}.input-field:not(:-moz-placeholder-shown)+.input-label{color:#667eea;font-size:12px;font-weight:700;transform:translateY(-28px)}.input-field:focus+.input-label,.input-field:not(:placeholder-shown)+.input-label{color:#667eea;font-size:12px;font-weight:700;transform:translateY(-28px)}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 10px 20px #667eea4d}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px #667eea66}.contact-footer-section{color:#94a3b8;text-align:center;background:#0f172a;margin-top:50px;padding:40px 20px;font-size:12px}@media (max-width:900px){.contact-box{grid-template-columns:1fr}.contact-info,.contact-form-sec{padding:40px}}@media (max-width:600px){.input-grid{grid-template-columns:1fr}}@keyframes shine{to{background-position:200%}}
