.modal-overlay{display: flex;position: fixed;inset: 0;width: 100%;height: 100%;background: transparent;z-index: 9999;justify-content: center;align-items: center;visibility: hidden;opacity: 0;transition: opacity 0.3s ease, visibility 0.3s ease;pointer-events: none}.modal-overlay.active{visibility: visible;opacity: 1;pointer-events: auto}.modal-content{background: rgba(17, 17, 17, 0.65);-webkit-backdrop-filter: blur(12px);backdrop-filter: blur(12px);padding: 30px;border-radius: var(--radius, 12px);width: 90%;max-width: 450px;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.9);position: relative;transform: translateY(-50px);transition: transform 0.3s ease;border: 1px solid rgba(255, 255, 255, 0.15);overflow: hidden}.modal-overlay.active .modal-content{transform: translateY(0)}.modal-content .modal-title{color: var(--color-text, #ffffff);margin-top: 0}.modal-content .modal-subtitle{font-size: 0.9em;color: #ccc;margin-bottom: 20px}.modal-content h2{color: var(--color-text, #ffffff);margin-top: 0;font-family: inherit;cursor: grab;user-select: none;padding-bottom: 10px}.modal-content h2:active{cursor: grabbing}.modal-content p{font-size: 0.9em;color: #ccc;margin-bottom: 25px;line-height: 1.5}.modal-close{position: absolute;top: 15px;right: 15px;font-size: 28px;background: transparent;border: 0;cursor: pointer;color: #888;transition: color 0.3s, transform 0.3s;line-height: 1;z-index: 10}.modal-close:hover{color: var(--color-primary, #00e5a0);transform: scale(1.1)}.modal-close:focus-visible{outline: 2px solid var(--color-primary, #00e5a0);outline-offset: 3px;border-radius: 4px;color: var(--color-primary, #00e5a0)}.form-group{margin-bottom: 20px;text-align: left}.form-group label{display: block;margin-bottom: 7px;font-size: 0.95em;color: #eee;font-weight: bold}.form-group input,.form-group textarea{width: 100%;padding: 14px;border: 1px solid rgba(255, 255, 255, 0.15);border-radius: 8px;background: rgba(0, 0, 0, 0.4);color: #fff;font-family: inherit;font-size: 1em;transition: border-color 0.3s, box-shadow 0.3s}.form-group input:focus,.form-group textarea:focus{outline: 0;border-color: var(--color-primary, #00e5a0);box-shadow: 0 0 10px var(--color-primary-shadow, rgba(0, 229, 160, 0.4))}.form-group input::placeholder,.form-group textarea::placeholder{color: #888}.char-counter{float: right;font-size: 0.85em;color: #888;font-weight: normal}.char-counter.limit-warning{color: #ff5252}.btn-submit{background: var(--color-primary, #00e5a0);color: #111;border: 0;padding: 15px;cursor: pointer;width: 100%;font-size: 0.9em;font-weight: bold;text-transform: uppercase;transition: filter 0.3s, transform 0.3s;margin-top: 15px}.btn-submit:hover{filter: brightness(1.15)}.btn-submit:active{transform: scale(0.98)}.status-container{min-height: 20px;margin-top: 15px}#form-status{text-align: center;margin: 0;font-size: 0.9em;font-weight: bold}