.contact-page{background:var(--color-background);min-height:100vh;padding:200px 20px 40px;max-width:1400px;margin:0 auto;position:relative;z-index:1}.intro-section{text-align:center;margin-bottom:4rem}.main-title{font-size:3.5rem;margin-bottom:2rem;background:linear-gradient(45deg,#fff,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;letter-spacing:1px}.intro-text{font-size:1.2rem;max-width:800px;margin:0 auto;color:var(--color-text-secondary);line-height:1.8}.contact-container{display:grid;grid-template-columns:1fr 2fr;gap:3rem;max-width:1200px;margin:0 auto;padding:2rem;background:rgba(255,255,255,.03);border-radius:20px;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.contact-info{padding:2rem}.contact-info h2{font-size:1.8rem;margin-bottom:2rem;color:var(--color-text)}.info-item{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;color:var(--color-text-secondary)}.info-item i{font-size:1.2rem;color:var(--color-primary)}.social-links{display:flex;gap:1rem;margin-top:2rem}.social-link{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--color-text);transition:all .3s ease}.social-link:hover{background:rgba(255,255,255,.2);transform:translateY(-3px)}.contact-form{padding:2rem;display:grid;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--color-text);font-size:.9rem}.form-group input,.form-group textarea{padding:.8rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--color-text);font-size:1rem;transition:all .3s ease}.form-group textarea{resize:none;height:150px}.form-group input:focus,.form-group textarea:focus{outline:0;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08)}.submit-btn{padding:1rem 2rem;background:linear-gradient(45deg,var(--color-primary),var(--color-primary-dark));border:none;border-radius:30px;color:var(--text-color);font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid rgba(255,255,255,.1)}.submit-btn:hover{transform:translateY(-2px);background:linear-gradient(45deg,var(--color-primary-dark),var(--color-primary));box-shadow:0 5px 15px rgba(0,0,0,.2)}@media (max-width:768px){.contact-container{grid-template-columns:1fr}.intro-text{font-size:1rem;padding:0 1rem}.contact-form,.contact-info{padding:1.5rem}}