.contact-page{background-color:#0a0a0a;width:100%;min-height:100vh;padding-top:80px;position:relative;overflow:auto}.contact-hero{text-align:center;color:#fff;background:linear-gradient(135deg,#1f6dff 0%,#0a5fcc 100%);width:100%;padding:clamp(40px,8vw,80px) clamp(20px,5vw,60px)}.contact-hero-title{color:#fff;letter-spacing:-1px;margin:0 0 20px;font-size:clamp(2.5rem,7vw,4rem);font-weight:700}.contact-hero-subtitle{color:#ffffffd9;max-width:600px;margin:0 auto;font-size:clamp(1rem,2.5vw,1.3rem);line-height:1.6}.contact-container{grid-template-columns:1fr 1fr;gap:clamp(20px,5vw,50px);max-width:1400px;margin:clamp(20px,5vw,60px) auto;padding:0 clamp(16px,4vw,40px);display:grid}.contact-form-wrapper{background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);border:1px solid #ffffff0d;border-radius:16px;padding:clamp(30px,5vw,50px);transition:all .3s;box-shadow:0 8px 32px #0000004d}.contact-form-wrapper:hover{border-color:#1f6dff33;transform:translateY(-4px);box-shadow:0 8px 32px #1f6dff26}.form-section-title{color:#fff;text-align:center;margin:0 0 30px;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700}.contact-form{flex-direction:column;gap:clamp(16px,3vw,24px);display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:clamp(12px,3vw,20px);display:grid}.form-input,.form-textarea{color:#fff;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;min-height:48px;padding:clamp(12px,2vw,16px) clamp(12px,2vw,20px);font-family:Inter,Arial,sans-serif;font-size:clamp(.9rem,2vw,1rem);transition:all .3s}.form-input::placeholder,.form-textarea::placeholder{color:#ffffff80}.form-input:focus,.form-textarea:focus{background:#1f6dff1a;border-color:#1f6dff;outline:none;box-shadow:0 0 0 3px #1f6dff26}.form-input:hover,.form-textarea:hover{background:#ffffff14;border-color:#1f6dff4d}.form-textarea{resize:vertical;min-height:140px}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1f6dff 0%,#1548cc 100%);border:none;border-radius:12px;margin-top:clamp(12px,2vw,20px);padding:clamp(12px,2vw,16px) clamp(16px,3vw,32px);font-family:Inter,Arial,sans-serif;font-size:clamp(.95rem,2vw,1.1rem);font-weight:600;transition:all .3s;box-shadow:0 4px 16px #1f6dff4d}.submit-btn:hover{background:linear-gradient(135deg,#2577ff 0%,#1a52dd 100%);transform:translateY(-2px);box-shadow:0 6px 24px #1f6dff66}.submit-btn:active{transform:translateY(0)}.contact-info-wrapper{flex-direction:column;gap:clamp(20px,4vw,30px);display:flex}.info-section-title{color:#fff;margin:0 0 20px;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700}.contact-info-item{background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);border:1px solid #ffffff0d;border-radius:16px;gap:clamp(16px,4vw,24px);padding:clamp(20px,4vw,30px);transition:all .3s;display:flex}.contact-info-item:hover{background:linear-gradient(135deg,#1f3a5f 0%,#141e33 100%);border-color:#1f6dff33;transform:translate(8px);box-shadow:0 8px 24px #1f6dff1a}.info-icon{text-align:center;justify-content:center;align-items:center;min-width:clamp(48px,10vw,64px);font-size:clamp(2rem,5vw,3rem);display:flex}.info-content{flex:1}.contact-info-item h3{color:#fff;margin:0 0 8px;font-size:clamp(1.1rem,3vw,1.3rem);font-weight:700}.contact-info-item p{color:#ffffffb3;margin:4px 0;font-size:clamp(.9rem,2vw,1rem);line-height:1.6}.contact-info-item a{color:#1f6dff;text-decoration:none;transition:all .3s}.contact-info-item a:hover{color:#2577ff;text-decoration:underline}@media (max-width:1024px){.contact-container{grid-template-columns:1fr;gap:clamp(30px,5vw,40px)}}@media (max-width:768px){.contact-page{padding-top:70px}.contact-hero{padding:clamp(30px,6vw,50px) clamp(16px,4vw,30px)}.contact-hero-title{margin-bottom:16px}.form-row{grid-template-columns:1fr}.contact-form-wrapper,.contact-info-item{padding:clamp(20px,4vw,30px)}.form-input,.form-textarea{min-height:44px}}@media (max-width:480px){.contact-page{padding-top:60px}.contact-hero{padding:clamp(20px,4vw,30px) clamp(12px,3vw,20px)}.contact-container{margin:clamp(16px,4vw,30px) auto;padding:0 clamp(12px,3vw,20px)}.contact-form-wrapper{padding:clamp(20px,4vw,24px)}.form-section-title,.info-section-title{margin-bottom:20px;font-size:1.5rem}.contact-form{gap:clamp(12px,2vw,16px)}.contact-info-item{gap:clamp(12px,3vw,16px);padding:clamp(16px,4vw,20px)}.info-icon{min-width:48px;font-size:2rem}.contact-info-item h3{margin-bottom:4px;font-size:1.1rem}.contact-info-item p{font-size:.9rem}}