.contact-page{width:100%;min-height:100vh;position:relative;overflow:hidden}.contact-background{z-index:0;width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0}.contact-background-image{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#0a0a0a 100%);width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.contact-background-overlay{z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.85) 50%,rgba(0,0,0,.7) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.contact-container{z-index:10;grid-template-columns:1fr 1fr;min-height:100vh;display:grid;position:relative}.contact-info{color:#fff;align-items:center;padding:max(80px,min(10vw,140px)) max(40px,min(6vw,80px));display:flex}.contact-info-content{max-width:600px}.contact-label{letter-spacing:.15em;text-transform:uppercase;color:#888;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:20px;margin-bottom:20px;padding:8px 16px;font-size:14px;font-weight:600;display:inline-block}.contact-title{background:linear-gradient(135deg,#fff 0%,#888 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 24px;font-size:max(36px,min(5vw,56px));font-weight:800;line-height:1.1}.contact-subtitle{color:#aaa;margin-bottom:60px;font-size:max(18px,min(2.5vw,24px));line-height:1.5}.contact-details{flex-direction:column;gap:32px;margin-bottom:60px;display:flex}.contact-detail-item{align-items:flex-start;gap:20px;display:flex}.contact-detail-icon{color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.contact-detail-item:hover .contact-detail-icon{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);transform:translateY(-2px)}.contact-detail-text h3{color:#fff;margin:0 0 8px;font-size:16px;font-weight:600}.contact-detail-text p,.contact-detail-text a{color:#aaa;margin:0;font-size:14px;text-decoration:none;transition:color .3s}.contact-detail-text a:hover{color:#fff}.contact-social{gap:16px;display:flex}.contact-social-link{color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;text-decoration:none;transition:all .3s;display:flex}.contact-social-link:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);transform:translateY(-2px)}.contact-form-section{-webkit-backdrop-filter:blur(20px);background:rgba(0,0,0,.3);justify-content:center;align-items:center;padding:max(60px,min(8vw,120px)) max(40px,min(6vw,80px));display:flex}.contact-form-wrapper{width:100%;max-width:500px}.contact-form-title{color:#fff;margin:0 0 16px;font-size:max(28px,min(4vw,36px));font-weight:700;line-height:1.2}.contact-form-subtitle{color:#aaa;margin:0 0 40px;font-size:16px;line-height:1.5}.contact-form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#fff;letter-spacing:.02em;font-size:14px;font-weight:600}.form-group input,.form-group textarea{color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;outline:none;width:100%;padding:14px 18px;font-family:inherit;font-size:15px;transition:all .3s}.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(255,255,255,.4)}.form-group input:focus,.form-group textarea:focus{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);box-shadow:0 0 0 3px rgba(255,255,255,.05)}.form-group textarea{resize:vertical;min-height:120px}.contact-submit-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:12px;justify-content:center;align-items:center;gap:12px;margin-top:8px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}.contact-submit-btn:hover:not(:disabled){background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.4);transform:translate(4px)}.contact-submit-btn:disabled{opacity:.6;cursor:not-allowed}.contact-submit-btn svg{transition:transform .3s}.contact-submit-btn:hover:not(:disabled) svg{transform:translate(4px)}.form-message{text-align:center;border-radius:12px;padding:14px 18px;font-size:14px;font-weight:500}.form-message--success{color:#22c55e;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3)}@media (max-width:1024px){.contact-container{grid-template-columns:1fr}.contact-info{min-height:50vh}.contact-form-section{min-height:auto}.contact-background-overlay{background:linear-gradient(rgba(0,0,0,.95) 0%,rgba(0,0,0,.85) 50%,rgba(0,0,0,.7) 100%)}}@media (max-width:768px){.contact-info,.contact-form-section{padding:40px 24px}.contact-details{gap:24px;margin-bottom:40px}.contact-detail-icon{width:40px;height:40px}.contact-social-link{width:44px;height:44px}.contact-subtitle{margin-bottom:40px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.contact-info-content>*{animation:.6s ease-out backwards fadeInUp}.contact-info-content>:first-child{animation-delay:.1s}.contact-info-content>:nth-child(2){animation-delay:.2s}.contact-info-content>:nth-child(3){animation-delay:.3s}.contact-info-content>:nth-child(4){animation-delay:.4s}.contact-info-content>:nth-child(5){animation-delay:.5s}.contact-form-wrapper>*{animation:.6s ease-out backwards fadeInUp}.contact-form-wrapper>:first-child{animation-delay:.2s}.contact-form-wrapper>:nth-child(2){animation-delay:.3s}.contact-form-wrapper>:nth-child(3){animation-delay:.4s}