.contact-page{min-height:100vh;background:#0a0a0b;padding:120px 24px 80px;width:100%}.contact-container{max-width:700px;margin:0 auto;width:100%}.contact-header{text-align:center;margin-bottom:2.5rem}.contact-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:#00ffb41a;border-radius:16px;margin-bottom:1.25rem;border:1px solid rgba(0,255,180,.25)}.contact-icon svg{color:#00ffb4}.contact-header h1{font-size:2.25rem;font-weight:700;color:#f0f6fc;margin-bottom:.75rem;letter-spacing:-.02em}.contact-header p{font-size:1.1rem;color:#8b949e;line-height:1.6}.contact-message{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;border-radius:12px;margin-bottom:1.5rem;font-size:.9rem}.contact-message.success{background:#00ffb41a;border:1px solid rgba(0,255,180,.25);color:#00ffb4}.contact-message.success svg{flex-shrink:0;margin-top:2px}.contact-message.success strong{display:block;margin-bottom:4px}.contact-message.success p{margin:0;color:#4ade80;font-size:.85rem}.contact-message.error{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:#f87171}.contact-form{background:#ffffff08;border-radius:20px;padding:36px;border:1px solid rgba(255,255,255,.06);margin-bottom:2rem}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media(max-width:600px){.form-row{grid-template-columns:1fr}}.form-group{margin-bottom:20px;position:relative}.form-group label{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:500;color:#8b949e;margin-bottom:10px}.form-group label svg{color:#6e7681}.form-group input,.form-group textarea{width:100%;padding:14px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#f0f6fc;font-size:1rem;transition:all .2s ease;font-family:inherit}.form-group input::placeholder,.form-group textarea::placeholder{color:#6e7681}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#00ffb466;background:#ffffff0d;box-shadow:0 0 0 3px #00ffb41a}.form-group input:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:150px}.field-note{display:block;font-size:.75rem;color:#6e7681;margin-top:6px}.char-count{display:block;text-align:right;font-size:.75rem;color:#6e7681;margin-top:6px}.submit-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:linear-gradient(135deg,#00ffb4,#00c896);color:#0a0a0b;border:none;border-radius:14px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #00ffb44d;margin-top:8px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #00ffb466}.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.submit-btn .spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contact-info{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:600px){.contact-info{grid-template-columns:1fr}}.info-card{background:#ffffff08;border-radius:16px;padding:28px;border:1px solid rgba(255,255,255,.06);text-align:center;transition:all .3s ease}.info-card:hover{border-color:#00ffb440;background:#ffffff0d;transform:translateY(-4px)}.info-card svg{color:#00ffb4;margin-bottom:14px}.info-card h3{font-size:1rem;font-weight:600;color:#f0f6fc;margin-bottom:10px}.info-card p{font-size:.875rem;color:#8b949e;margin-bottom:10px;line-height:1.6}.info-card a{color:#00ffb4;font-weight:500;text-decoration:none;font-size:.9rem;transition:all .2s ease}.info-card a:hover{text-decoration:underline}@media(max-width:768px){.contact-page{padding:80px 20px 60px}}@media(max-width:480px){.contact-page{padding:72px 16px 60px}.contact-form{padding:24px 20px;border-radius:16px}.contact-header h1{font-size:1.75rem}.contact-header p{font-size:1rem}}