.contact-container{max-width:920px;margin:0 auto;padding:20px;color:#e5e7eb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;line-height:1.6}@media(max-width:768px){.contact-container{padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px))}}.contact-back-link{display:inline-flex;align-items:center;gap:8px;color:#fff9;text-decoration:none;font-size:14px;font-weight:500;margin-bottom:24px;transition:color .2s ease,transform .2s ease}.contact-back-link:hover{color:#ff3b5c;transform:translate(-3px)}.contact-hero{background:linear-gradient(135deg,#ff3b5c24,#14151cb3);border:1px solid rgba(255,59,92,.25);border-radius:20px;padding:36px 32px;margin-bottom:32px;position:relative;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.contact-hero:after{content:"";position:absolute;top:-40px;right:-40px;width:140px;height:140px;background:radial-gradient(circle,rgba(255,59,92,.25) 0%,transparent 70%);pointer-events:none}.contact-badge{display:inline-flex;align-items:center;gap:6px;background:#ff3b5c26;color:#ff3b5c;border:1px solid rgba(255,59,92,.3);padding:5px 12px;border-radius:20px;font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px}.contact-hero h1{font-size:32px;font-weight:800;color:#fff;margin:0 0 12px;letter-spacing:-.5px;line-height:1.25}@media(max-width:768px){.contact-hero{padding:24px 20px;border-radius:16px}.contact-hero h1{font-size:24px}}.contact-hero-sub{font-size:15.5px;color:#ffffffbf;margin:0;max-width:660px}.contact-channels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:36px}.contact-card{background:#121319;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;transition:transform .2s cubic-bezier(.4,0,.2,1),border-color .2s ease,box-shadow .2s ease;color:inherit;position:relative;overflow:hidden}.contact-card:hover{transform:translateY(-3px);border-color:#ff3b5c66;box-shadow:0 10px 24px #00000059}.contact-card-top{display:flex;align-items:center;gap:14px;margin-bottom:12px}.contact-card-icon{width:44px;height:44px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#ff3b5c;flex-shrink:0;transition:transform .2s ease,background .2s ease}.contact-card:hover .contact-card-icon{transform:scale(1.08);background:#ff3b5c26}.contact-card-title{font-size:17px;font-weight:700;color:#fff;margin:0}.contact-card-desc{font-size:13.5px;color:#ffffffa6;margin:0 0 16px;line-height:1.5}.contact-card-btn{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:#ff3b5c;margin-top:auto}.contact-card:hover .contact-card-btn svg{transform:translate(3px)}.contact-card-btn svg{transition:transform .2s ease}.contact-form-section{background:linear-gradient(180deg,#13141b,#0f1016);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:34px 32px;position:relative}@media(max-width:768px){.contact-form-section{padding:24px 18px;border-radius:16px}}.contact-form-header{margin-bottom:24px}.contact-form-title{font-size:22px;font-weight:700;color:#fff;margin:0 0 8px}.contact-form-subtitle{font-size:14.5px;color:#ffffffa6;margin:0}.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:600px){.contact-form-grid{grid-template-columns:1fr}}.contact-form-group{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.contact-label{font-size:13.5px;font-weight:600;color:#ffffffd9}.contact-label span{color:#ff3b5c}.contact-input,.contact-select,.contact-textarea{width:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 14px;color:#fff;font-size:14.5px;font-family:inherit;outline:none;box-sizing:border-box;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.contact-input:focus,.contact-select:focus,.contact-textarea:focus{border-color:#ff3b5c;background:#ffffff0d;box-shadow:0 0 0 3px #ff3b5c26}.contact-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:36px}.contact-select option{background:#14151b;color:#fff}.contact-textarea{min-height:120px;resize:vertical}.contact-form-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:10px}.contact-counter{font-size:12.5px;color:#fff6}.contact-submit-btn{display:inline-flex;align-items:center;gap:8px;background:#ff3b5c;color:#fff;font-size:15px;font-weight:600;padding:12px 28px;border:none;border-radius:12px;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 16px #ff3b5c4d;-webkit-tap-highlight-color:transparent}.contact-submit-btn:hover{background:#ff5270;transform:translateY(-2px);box-shadow:0 6px 20px #ff3b5c73}.contact-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.contact-status-banner{display:none;border-radius:12px;padding:14px 16px;margin-top:18px;font-size:14px;align-items:center;gap:12px}.contact-status-banner.success{background:#22c55e1f;border:1px solid rgba(34,197,94,.3);color:#4ade80}.contact-status-banner.error{background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#f87171}