.contact-outer,body{min-height:100vh;background:#0f172a}body{font-family:Roboto,Arial,sans-serif;margin:0}.contact-outer{display:flex;align-items:center;justify-content:center;padding:24px 8px}.contact-card{background:linear-gradient(135deg,#16213a 70%,#6a1b9a 100%);border-radius:18px;padding:36px 28px 28px;width:100%;max-width:775px;box-shadow:0 8px 40px #6a1b9a30,0 2px 10px #ad1457;display:flex;flex-direction:column;gap:16px}.contact-title{color:#fff;font-size:2rem;text-align:center;margin:0 0 6px;font-weight:700;letter-spacing:1px}.contact-desc{color:#dd387f;text-align:center;margin-bottom:16px;font-size:1.01rem;letter-spacing:.1px}.form-row{display:flex;flex-direction:column;gap:6px}.form-row label{color:#ffe4f0;font-size:.98rem;font-weight:500;letter-spacing:.1px}.form-row input,.form-row textarea{border:none;border-radius:8px;padding:13px 14px;font-size:1rem;background:#232c4b;color:#fff;transition:box-shadow .2s,background .2s;box-shadow:0 1.5px 6px #6a1b9a19}.form-row input:focus,.form-row textarea:focus{outline:0;background:#1a253f;box-shadow:0 0 0 2px #ad1457b0}.contact-btn{margin-top:10px;width:100%;padding:13px;border:none;border-radius:40px;background:linear-gradient(90deg,#ad1457,#ff80ab 80%);color:#fff;font-weight:700;font-size:1.13rem;cursor:pointer;box-shadow:0 2px 12px #ad145755;transition:background .2s,transform .2s,box-shadow .2s}.contact-btn:focus,.contact-btn:hover{background:linear-gradient(90deg,#ff80ab,#ad1457 80%);transform:scale(1.04);box-shadow:0 4px 20px #ad145777}.contact-success{display:none;margin-top:18px;text-align:center;color:#70ffb8;font-weight:600;font-size:1rem;letter-spacing:.2px;animation:.7s linear fadeIn}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (max-width:600px){.contact-card{padding:18px 4vw 16px;max-width:98vw}.contact-title{font-size:1.35rem}}