.modal-overlay{z-index:2000;opacity:0;visibility:hidden;background:#000000bf;justify-content:center;align-items:center;padding:20px;transition:opacity .35s,visibility .35s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;visibility:visible}.modal-card{opacity:0;background:#161a2e;border:1px solid #2c3049;border-radius:24px;width:100%;max-width:600px;padding:40px;transition:transform .35s,opacity .35s;position:relative;transform:scale(.9)translateY(30px);box-shadow:0 20px 60px #0006}.modal-overlay.active .modal-card{opacity:1;transform:scale(1)translateY(0)}.modal-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:28px;line-height:1;transition:color .3s;position:absolute;top:16px;right:20px}.modal-close:hover{color:var(--primary-green)}.modal-title{color:#fff;font-size:var(--font-size-2xl);text-align:center;margin-bottom:10px;font-weight:700;line-height:1.3}.modal-title span{color:var(--primary-green)}.modal-body{width:100%}.modal-form{grid-template-columns:1fr 1fr;gap:20px;display:grid}.modal-input{color:#fff;font-size:var(--font-size-sm);background:#22263d;border:1px solid #2c3049;border-radius:10px;outline:none;padding:14px 16px;transition:border-color .3s}.modal-input::placeholder{color:#5d6378}.modal-input:focus{border-color:var(--primary-green)}.modal-submit{background:var(--primary-green);color:#09243d;font-size:var(--font-size-base);cursor:pointer;border:none;border-radius:10px;grid-column:1/-1;padding:16px;font-weight:600;transition:background .3s}.modal-submit:hover{background:#22c55e}@media (max-width:767px){.modal-card{padding:30px 20px}.modal-form{grid-template-columns:1fr}}