.modal{position:fixed;inset:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal__content{background:var(--white);border-radius:var(--radius-lg);padding:20px;width:100%;max-width:420px;position:relative;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-md)}.modal__close-btn{position:absolute;top:var(--space-sm);right:var(--space-sm);background:transparent;border:none;font-size:var(--font-size-lg);cursor:pointer;color:var(--gray-600);transition:color .2s ease-in-out;line-height:1}.modal__close-btn:hover{color:var(--gray-900)}