.contact-page-container{max-width:1200px;margin:0 auto;padding:4rem 1.5rem}.contact-hero{text-align:center;margin-bottom:4rem}.contact-hero h1{letter-spacing:-.05em;background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3.5rem;font-weight:800}.contact-hero p{color:var(--color-text-muted);max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}.contact-grid{grid-template-columns:1fr;align-items:flex-start;gap:3rem;display:grid}.contact-info-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;height:100%;padding:2.5rem;box-shadow:0 20px 40px -15px #0000000d}.contact-info-wrapper h2{margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.contact-info-wrapper>p{color:var(--color-text-muted);margin-bottom:2.5rem;font-size:.95rem;line-height:1.5}.contact-methods{flex-flow:wrap;gap:1rem;display:flex}.contact-method-card{text-align:center;min-width:120px;transition:all var(--transition-normal);color:inherit;background:0 0;border:1px solid #0000;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:1rem;padding:1.5rem 1rem;text-decoration:none;display:flex}.contact-method-card:hover{background:var(--color-surface);border-color:var(--color-border);transform:translateY(-5px);box-shadow:0 10px 20px -10px #0000000d}.method-icon{width:48px;height:48px;color:var(--color-primary);background:#3b82f61a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.method-details h4{margin:0 0 .25rem;font-size:1rem;font-weight:600}.method-details p{color:var(--color-text-muted);margin:0;font-size:.875rem}.contact-form-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:3rem;box-shadow:0 30px 60px -20px #0000001a}.form-row{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.form-group label{color:var(--color-text);font-size:.9rem;font-weight:600}.form-input{border:2px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);transition:all var(--transition-fast);border-radius:12px;outline:none;padding:1rem 1.25rem;font-family:inherit;font-size:1rem}.form-input::placeholder{color:var(--color-text-muted);opacity:.6}.form-input:focus{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 4px #3b82f626}.submit-btn{background:var(--gradient-primary);color:#fff;cursor:pointer;width:100%;transition:all var(--transition-normal);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:1.25rem;font-size:1.125rem;font-weight:700;display:flex;box-shadow:0 10px 20px -10px #3b82f680}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 15px 25px -10px #3b82f699}.submit-btn:active{transform:translateY(1px)}.submit-btn svg{transition:transform var(--transition-normal)}.submit-btn:hover svg{transform:translate(4px)translateY(-4px)}@media (max-width:900px){.contact-grid{gap:1.5rem}.contact-hero h1{font-size:2.5rem}.contact-form-wrapper{padding:2rem}}@media (max-width:600px){.form-row{grid-template-columns:1fr}.contact-hero h1{font-size:2rem}.contact-info-wrapper{padding:1.5rem}}