.contact-page{background-color:var(--color-bg-dark);color:#fff;min-height:100vh}.contact-hero{text-align:center;padding:220px 20px 100px}.contact-hero h1{margin-bottom:20px;font-size:clamp(40px,6vw,80px)}.contact-grid{grid-template-columns:1fr 1fr;gap:120px;padding-bottom:150px;display:grid}.contact-info-col h2{margin-bottom:40px;font-size:56px}.contact-info-col .lead{color:#ccc;margin-bottom:60px;font-size:20px;line-height:1.8}.contact-method{margin-bottom:50px}.contact-method span{text-transform:uppercase;letter-spacing:3px;color:var(--color-primary);margin-bottom:15px;font-size:10px;display:block}.contact-method p{font-family:var(--font-serif);color:#fff;font-size:28px}.contact-form-wrap{position:relative}.contact-form{z-index:2;background:#ffffff05;border:1px solid #ffffff0d;border-radius:4px;padding:80px 60px;position:relative}.form-group{margin-bottom:40px;position:relative}.form-group label{text-transform:uppercase;letter-spacing:2px;color:#666;pointer-events:none;font-size:12px;transition:all .3s;position:absolute;top:0;left:0}.form-group input,.form-group textarea{color:#fff;background:0 0;border:none;border-bottom:1px solid #ffffff1a;outline:none;width:100%;padding:15px 0;font-size:16px;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-bottom-color:var(--color-primary)}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label,.form-group textarea:focus+label,.form-group textarea:not(:placeholder-shown)+label{color:var(--color-primary);font-size:10px;top:-25px}.submit-btn-wrap{margin-top:60px}@media (max-width:1024px){.contact-grid{grid-template-columns:1fr;gap:80px}.contact-form{padding:60px 30px}}