.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);align-items:center;justify-content:center;z-index:2000}.modal-content{background:var(--card-bg);padding:30px;border-radius:10px;max-width:400px;width:90%;box-shadow:0 10px 30px rgba(0,0,0,.3);animation:fadeIn .3s ease-out}.close-modal{position:absolute;top:15px;right:15px;font-size:1.5em;color:var(--text-color);cursor:pointer;transition:color .3s ease}.close-modal:hover{color:#f55}.modal-content h2{color:var(--accent-color);text-align:center;margin-bottom:20px}.modal-content form{display:flex;flex-direction:column;gap:15px}.modal-content label{color:var(--text-color);font-size:1.1em}.modal-content input{width:100%;padding:10px;background:var(--nav-bg);border:1px solid var(--border-color);color:var(--text-color);border-radius:5px;font-size:1em;transition:border-color .3s ease,box-shadow .3s ease}.modal-content input:focus{outline:0;border-color:var(--accent-color);box-shadow:0 0 5px rgba(0,255,157,.5)}.modal-content button{background:var(--accent-color);color:var(--bg-color);padding:10px;border:none;border-radius:5px;cursor:pointer;transition:background .3s ease}.modal-content button:hover{background:#00e68a}.modal-content p{text-align:center;margin-top:15px;color:var(--text-color)}.modal-content a{color:var(--accent-color);text-decoration:none}.modal-content a:hover{text-decoration:underline}.error{color:#f55;font-size:.9em;margin-top:5px;min-height:1em}.modal-content input:invalid:focus{border-color:#f55;box-shadow:0 0 5px rgba(255,85,85,.5)}.modal-content input:valid:focus{border-color:var(--accent-color);box-shadow:0 0 5px rgba(0,255,157,.5)}@media (max-width:768px){.modal-content{width:90%;max-width:none}}@media (max-width:480px){.modal-content{width:100%;padding:20px;max-height:90vh;overflow-y:auto}.modal-content h2{font-size:1.5em}.modal-content button,.modal-content input{font-size:1.4em;padding:15px}.close-modal{font-size:2em;top:10px;right:10px}.error{font-size:1em}}