:root{--modal-duration:0.35s;--modal-timing-function:cubic-bezier(0.3, 0, 0.2, 1);--modal-dark-bg:#1c1c1e;--modal-light-bg:#2c2c2e}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .7);opacity:0;visibility:hidden;transition:opacity var(--modal-duration) ease,visibility var(--modal-duration) ease;z-index:999}.modal-container{position:fixed;left:0;bottom:0;width:100%;max-height:85%;background-color:var(--modal-dark-bg);border-radius:20px 20px 0 0;box-shadow:0 -5px 25px rgb(0 0 0 / .3);transform:translateY(100%);transition:transform var(--modal-duration) var(--modal-timing-function);z-index:1000;display:flex;flex-direction:column;overflow:hidden}.modal-overlay.active{opacity:1;visibility:visible}.modal-container.active{transform:translateY(0%)}.modal-header{position:relative;height:65px;flex-shrink:0}.modal-animated-close{position:absolute;top:10px;left:50%;transform:translateX(-50%);color:rgb(229 229 234 / .8);font-size:14px;font-weight:600;cursor:pointer;z-index:10;padding:5px 10px;background:#fff0;border:none;animation:text-glow 2.5s infinite ease-in-out;animation-delay:2s}@keyframes text-glow{0%,100%{color:rgb(229 229 234 / .7);text-shadow:none}50%{color:rgb(255 255 255);text-shadow:0 0 8px rgb(255 255 255 / .7)}}.modal-handle{width:40px;height:10px;background-color:#5d5d61;border-radius:2.5px;position:absolute;bottom:18px;left:50%;transform:translateX(-50%)}.modal-close-btn{position:absolute;top:15px;right:20px;width:30px;height:30px;background-color:#48484a;border-radius:50%;border:none;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background-color 0.2s ease}.modal-close-btn:hover{background-color:#5d5d61}.modal-close-btn::before,.modal-close-btn::after{content:'';position:absolute;width:14px;height:2px;background-color:#e5e5ea;border-radius:1px}.modal-close-btn::before{transform:rotate(45deg)}.modal-close-btn::after{transform:rotate(-45deg)}.modal-content{padding:0 16px 30px 16px;overflow-y:auto}.modal-section{background-color:var(--modal-light-bg);border-radius:16px;padding:20px;margin-bottom:12px;text-align:left}.modal-section:last-child{margin-bottom:0}.modal-section h2{font-size:20px;font-weight:700;margin:0 0 12px 0;color:#fff}.modal-section p{font-size:16px;line-height:1.65;color:#e5e5ea;margin:0}