.page-contact{--primary-color:#785dff;--accent-color:#00f5ca;--text-light:var(--text-primary);--dark-bg:#04102a;--font-heading:var(--font-poppins), "Poppins", sans-serif;--font-body:var(--font-inter), "Inter", sans-serif;--form-bg:#141414e6;--input-bg:#1e1e1ecc;--input-border:#785dff4d;--input-focus:var(--accent-color)}.page-contact .hero-section{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#785dff26 0%,#00f5ca1a 100%);margin-bottom:60px;padding:140px 20px 80px;position:relative}.page-contact .hero-content{z-index:2;max-width:800px;margin:0 auto;position:relative}.page-contact .hero-content h1{font-family:var(--font-heading);background:linear-gradient(135deg, var(--primary-color), var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-size:3.5rem;font-weight:700;line-height:1.2}.page-contact .hero-subtitle{color:silver;font-size:1.3rem;font-weight:300;line-height:1.7}.page-contact .contact-main{z-index:2;padding:0 20px 80px;position:relative}.page-contact .contact-container{grid-template-columns:2fr 1fr;align-items:start;gap:40px;max-width:1400px;margin:0 auto;display:grid}.page-contact .contact-form-wrapper{background:var(--form-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--input-border);border-radius:20px;padding:40px;box-shadow:0 15px 40px #785dff33}.page-contact .form-header{margin-bottom:35px}.page-contact .form-header h2{font-family:var(--font-heading);color:var(--accent-color);margin-bottom:12px;font-size:2rem;font-weight:700}.page-contact .form-header p{color:#b0b0b0;font-size:1.05rem;line-height:1.6}.page-contact .contact-form{flex-direction:column;gap:25px;display:flex}.page-contact .hidden{display:none}.page-contact .form-group{flex-direction:column;gap:10px;display:flex}.page-contact .form-group label{color:var(--text-light);align-items:center;gap:8px;font-size:1rem;font-weight:600;display:flex}.page-contact .label-icon{font-size:1.2rem}.page-contact .required{color:#ff6b6b;font-weight:700}.page-contact .form-group input[type=text],.page-contact .form-group input[type=email],.page-contact .form-group input[type=tel],.page-contact .form-group select,.page-contact .form-group textarea{background:var(--input-bg);border:2px solid var(--input-border);width:100%;color:var(--text-light);font-size:1rem;font-family:var(--font-body);border-radius:12px;padding:15px 18px;transition:all .3s}.page-contact .form-group input::placeholder,.page-contact .form-group textarea::placeholder{color:#707070}.page-contact .form-group input:focus,.page-contact .form-group select:focus,.page-contact .form-group textarea:focus{border-color:var(--input-focus);background:#282828e6;outline:none;box-shadow:0 0 0 3px #00f5ca1a}.page-contact .form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%2300f5ca' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;padding-right:45px}.page-contact .form-group textarea{resize:vertical;min-height:150px;line-height:1.6}.page-contact .checkbox-group{margin-top:10px}.page-contact .checkbox-label{cursor:pointer;align-items:flex-start;gap:12px;font-weight:400;display:flex}.page-contact .checkbox-label input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.page-contact .checkbox-custom{border:2px solid var(--input-border);background:var(--input-bg);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .3s;display:flex;position:relative}.page-contact .checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:var(--accent-color);border-color:var(--accent-color)}.page-contact .checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{content:"✓";color:var(--dark-bg);font-size:14px;font-weight:700}.page-contact .checkbox-label input[type=checkbox]:focus+.checkbox-custom{box-shadow:0 0 0 3px #00f5ca33}.page-contact .checkbox-text{color:#b0b0b0;font-size:.95rem;line-height:1.5}.page-contact .checkbox-text a{color:var(--accent-color);text-decoration:underline;transition:color .3s}.page-contact .checkbox-text a:hover{color:#fff}.page-contact .form-submit{margin-top:15px}.page-contact .btn-submit{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));color:#fff;width:100%;font-size:1.1rem;font-weight:700;font-family:var(--font-heading);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;padding:18px 30px;transition:all .3s;display:flex;box-shadow:0 8px 25px #00f5ca4d}.page-contact .btn-submit:hover{transform:translateY(-2px);box-shadow:0 12px 35px #00f5ca80}.page-contact .btn-submit:active{transform:translateY(0)}.page-contact .btn-icon{font-size:1.3rem}.page-contact .contact-info-wrapper{flex-direction:column;gap:25px;display:flex}.page-contact .contact-info-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid var(--input-border);background:#141414e6;border-radius:15px;padding:30px;transition:all .3s;box-shadow:0 10px 30px #785dff26}.page-contact .contact-info-card:hover{border-color:#785dff80;transform:translateY(-3px);box-shadow:0 15px 40px #785dff40}.page-contact .contact-info-card.highlight{background:linear-gradient(135deg,#785dff26,#00f5ca1a);border-color:#00f5ca66}.page-contact .contact-info-card h3{font-family:var(--font-heading);color:var(--accent-color);margin-bottom:20px;font-size:1.4rem;font-weight:700}.page-contact .contact-info-card p{color:silver;font-size:1rem;line-height:1.7}.page-contact .contact-info-card strong{color:var(--accent-color);font-weight:600}.page-contact .info-item{align-items:flex-start;gap:20px;margin-bottom:25px;display:flex}.page-contact .info-item:last-child{margin-bottom:0}.page-contact .info-icon{background:#00f5ca1a;border:1px solid #00f5ca4d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.5rem;display:flex}.page-contact .info-content{flex:1}.page-contact .info-content strong{margin-bottom:8px;font-size:1.1rem;display:block}.page-contact .info-content p{margin:0;font-size:.95rem}.page-contact .info-content a{color:var(--accent-color);text-decoration:none;transition:color .3s}.page-contact .info-content a:hover{color:#fff;text-decoration:underline}.page-contact .social-links{gap:15px;margin-top:12px;display:flex}.page-contact .social-links a{background:#00f5ca1a;border:1px solid #00f5ca4d;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition:all .3s;display:flex}.page-contact .social-links a:hover{background:var(--accent-color);border-color:var(--accent-color);transform:translateY(-3px)}.page-contact .social-links svg{width:22px;height:22px;fill:var(--accent-color);transition:fill .3s}.page-contact .social-links a:hover svg{fill:var(--dark-bg)}.page-contact .btn-link{color:var(--accent-color);background:#00f5ca26;border:1px solid #00f5ca4d;border-radius:8px;margin-top:15px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.page-contact .btn-link:hover{background:var(--accent-color);color:var(--dark-bg);border-color:var(--accent-color);transform:translateY(-2px)}@media (max-width:1024px){.page-contact .contact-container{grid-template-columns:1fr;gap:40px}.page-contact .contact-info-wrapper{order:-1}}@media (max-width:768px){.page-contact .hero-section{padding:120px 20px 60px}.page-contact .hero-content h1{font-size:2.5rem}.page-contact .hero-subtitle{font-size:1.1rem}.page-contact .contact-form-wrapper{padding:30px 25px}.page-contact .form-header h2{font-size:1.6rem}.page-contact .contact-info-card{padding:25px 20px}.page-contact .info-item{flex-direction:column;gap:12px}.page-contact .info-icon{width:50px;height:50px;font-size:2rem}}@media (max-width:480px){.page-contact .hero-section{margin-bottom:40px;padding:100px 15px 50px}.page-contact .hero-content h1{font-size:2rem}.page-contact .hero-subtitle{font-size:1rem}.page-contact .contact-main{padding:0 15px 60px}.page-contact .contact-form-wrapper{padding:25px 20px}.page-contact .form-header h2{font-size:1.4rem}.page-contact .form-group input[type=text],.page-contact .form-group input[type=email],.page-contact .form-group input[type=tel],.page-contact .form-group select,.page-contact .form-group textarea{padding:13px 15px;font-size:.95rem}.page-contact .btn-submit{padding:16px 25px;font-size:1rem}.page-contact .contact-info-card{padding:20px 18px}.page-contact .contact-info-card h3{font-size:1.2rem}.page-contact .social-links a{width:40px;height:40px}.page-contact .social-links svg{width:20px;height:20px}}.page-contact .form-group input:invalid:not(:placeholder-shown),.page-contact .form-group select:invalid,.page-contact .form-group textarea:invalid:not(:placeholder-shown){border-color:#ff6b6b}.page-contact .form-group input:valid:not(:placeholder-shown),.page-contact .form-group select:valid,.page-contact .form-group textarea:valid:not(:placeholder-shown){border-color:#51cf66}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.page-contact .contact-form-wrapper,.page-contact .contact-info-card{animation:.6s ease-out backwards slideInUp}.page-contact .contact-info-card:first-child{animation-delay:.1s}.page-contact .contact-info-card:nth-child(2){animation-delay:.2s}.page-contact .contact-info-card:nth-child(3){animation-delay:.3s}
