.modal{
    display:none;position:fixed;top:0;left:0;width:100%;height:100%;
    background:rgba(0,0,0,0.7);backdrop-filter:blur(6px);
    justify-content:center;align-items:center;z-index:1000;
}
.modal.active{display:flex}
.modal-box{
    background:var(--bg-card);backdrop-filter:blur(30px);
    border:1px solid var(--border);border-radius:var(--radius-lg);
    padding:36px;max-width:430px;width:90%;
    box-shadow:0 40px 80px rgba(0,0,0,0.6);
    animation:modalIn 0.3s ease;
}
.modal-box h2{font-family:var(--font-display);font-size:1.5rem;margin-bottom:6px;font-weight:800}
.modal-close{float:right;cursor:pointer;color:var(--text-3);font-size:1.3rem;border:none;background:none;line-height:1;transition:color 0.2s}
.modal-close:hover{color:var(--text)}