.contact{color:#1a1a1a;background-color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.contact-hero{text-align:center;background:linear-gradient(135deg,#f8f9fb 0%,#eef2f7 100%);margin-bottom:60px;padding:90px 20px;position:relative;overflow:hidden}.contact-hero:before{content:"";background:linear-gradient(90deg,#ec4899,#f43f5e,#3b82f6,#1d4ed8);height:4px;position:absolute;top:0;left:0;right:0}.contact-hero h1{color:#1a1a1a;margin:0 0 16px;font-size:3.2rem;font-weight:700;line-height:1.2;display:inline-block;position:relative}.contact-hero h1:after{content:"";border-radius:2px;width:80px;height:4px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.contact-hero p{color:#4b5563;max-width:700px;margin:0 auto;font-size:1.15rem;line-height:1.7}.contact-content{opacity:0;grid-template-columns:1fr 1fr;gap:60px;max-width:1100px;margin:0 auto;padding:0 20px 80px;animation:.6s ease-out forwards fadeIn;display:grid}.contact-info{opacity:0;animation:.6s ease-out .1s forwards fadeIn}.contact-info h2,.contact-form h2{color:#1a1a1a;margin:0 0 20px;padding-bottom:12px;font-size:1.8rem;font-weight:600;position:relative}.contact-info h2:after,.contact-form h2:after{content:"";background:#ec4899;border-radius:3px;width:50px;height:3px;position:absolute;bottom:0;left:0}.contact-info p{color:#4a5568;margin-bottom:24px;font-size:1.05rem;line-height:1.8}.info-item{color:#4a5568;align-items:center;margin-bottom:16px;font-size:1.05rem;display:flex}.info-item svg{color:#ec4899;min-width:20px;margin-right:12px}.info-item span{color:#4a5568;margin-left:8px}.contact-form{opacity:0;background:#fff;border-radius:12px;padding:30px;animation:.6s ease-out .2s forwards fadeIn;box-shadow:0 4px 20px #00000008}.contact-form form{flex-direction:column;display:flex}.contact-form input,.contact-form textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:14px 16px;font-size:1rem;transition:all .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:#ec4899;outline:none;box-shadow:0 0 0 3px #ec48991a}.contact-form textarea{resize:vertical;min-height:140px}.contact-form button{color:#fff;cursor:pointer;background:#ec4899;border:none;border-radius:8px;margin-top:8px;padding:14px 28px;font-size:1.05rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #ec48994d}.contact-form button:hover{background:#db2777;transform:translateY(-2px);box-shadow:0 6px 20px #ec489966}.contact-note{text-align:center;opacity:0;background:linear-gradient(135deg,#f8f9fb 0%,#eef2f7 100%);border-radius:12px;margin:40px 0;padding:50px 20px;animation:.6s ease-out .3s forwards fadeIn}.contact-note p{color:#4b5563;max-width:800px;margin:0 auto;font-size:1.05rem;line-height:1.7}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.contact-content{grid-template-columns:1fr;gap:40px}.contact-form{padding:24px}}@media (max-width:768px){.contact-hero{padding:60px 20px}.contact-hero h1{font-size:2.2rem}.contact-note{padding:40px 20px}}