.contact-page{min-height:100vh;padding-top:100px}.contact-section{padding:4rem 2rem;max-width:800px;margin:0 auto}.contact-container{display:flex;flex-direction:column;gap:3rem}.contact-header{text-align:center}.contact-title{font-family:var(--font-display);font-size:3rem;color:var(--text-primary);font-weight:700;margin:1rem 0}.contact-subtitle{font-family:var(--font-mono);color:var(--text-muted);font-size:1.1rem;max-width:600px;margin:0 auto}.contact-form-wrapper{padding:3rem;border-top:3px solid var(--accent-cyan)}.contact-form{gap:1.5rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-group label{font-family:var(--font-mono);font-size:.9rem;color:var(--text-primary)}.form-input{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem;color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;transition:all .3s ease}.form-input:focus{outline:none;border-color:var(--accent-cyan);background:rgba(0,245,212,.05);box-shadow:0 0 15px rgba(0,245,212,.2)}.submit-btn{margin-top:1rem;padding:1rem 2rem;background:var(--accent-cyan);color:var(--bg);border:none;border-radius:8px;font-family:var(--font-mono);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center}.submit-btn:hover:not(:disabled){box-shadow:0 0 20px rgba(0,245,212,.6);transform:translateY(-2px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.success-message{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 0}.success-message h3{font-family:var(--font-display);font-size:2rem;color:var(--text-primary);margin-bottom:1rem}.success-message p{color:var(--text-muted);font-family:var(--font-mono)}.btn-primary{background:var(--accent-cyan);color:var(--bg);border:none;border-radius:8px;padding:.8rem 1.5rem;font-family:var(--font-mono);font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{box-shadow:0 0 20px rgba(0,245,212,.6)}.error-message{display:flex;align-items:center;gap:.5rem;color:#ef4444;background:rgba(239,68,68,.1);padding:1rem;border-radius:8px;font-family:var(--font-mono);font-size:.9rem}.text-cyan{color:var(--accent-cyan)}.mb-4{margin-bottom:1rem}.mt-6{margin-top:1.5rem}@media (max-width:768px){.contact-section{padding:60px 20px}.contact-title{font-size:2rem}.contact-form-wrapper{padding:2rem 1.5rem;width:100%}.form-group input,.form-group textarea{width:100%}.btn-submit{width:100%;justify-content:center}}