.contact-page{min-height:100vh;display:flex;flex-direction:column;background:var(--gradient-bg)}.contact-main{flex:1 1;display:flex;align-items:center;justify-content:center;padding:120px 20px 60px}.contact-container{width:100%;max-width:600px}.contact-card{background:var(--color-bg-card,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:24px;padding:48px;text-align:center;box-shadow:0 20px 40px rgba(0,0,0,.05)}.contact-icon{font-size:4rem;margin-bottom:24px;display:inline-block;animation:float 3s ease-in-out infinite}.contact-card h1{font-size:2.5rem;margin:0 0 16px;background:linear-gradient(135deg,var(--color-text-primary,#111827) 0,#3b82f6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-subtitle{font-size:1.1rem;color:var(--color-text-secondary,#6b7280);line-height:1.6;margin-bottom:40px}.contact-methods{display:flex;flex-direction:column;gap:20px}.contact-method-item{display:flex;align-items:center;gap:20px;padding:24px;background:var(--color-bg-elevated,#f9fafb);border:1px solid var(--color-border,#e5e7eb);border-radius:16px;text-decoration:none;transition:all .3s ease;text-align:left}.contact-method-item:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(59,130,246,.1);border-color:#3b82f6;background:#fff}.method-icon{font-size:2rem;padding:16px;background:#fff;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.05)}.method-details h3{margin:0 0 4px;font-size:1.1rem;color:var(--color-text-primary,#111827)}.method-details p{margin:0 0 8px;font-size:1.1rem;color:#3b82f6;font-weight:600}.method-action{font-size:.9rem;color:var(--color-text-secondary,#6b7280);display:flex;align-items:center;gap:4px}.contact-method-item:hover .method-action{color:#3b82f6}.contact-info-footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--color-border,#e5e7eb)}.contact-info-footer p{font-size:.9rem;color:var(--color-text-tertiary,#9ca3af);font-style:italic}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width:640px){.contact-card{padding:32px 24px}.contact-card h1{font-size:2rem}}