.overlay{display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;background:rgb(0 0 0 / .8);opacity:0;transition:opacity 0.35s ease;backdrop-filter:blur(4px)}.overlay.active{display:block!important;opacity:1!important}.modal{display:none;position:fixed;z-index:1000;left:50%;top:50%;transform:translate(-50%,-50%) scale(.95);width:90%;max-width:800px;max-height:90vh;background:linear-gradient(145deg,rgb(30 35 41 / .95),rgb(45 52 71 / .9));border-radius:20px;box-shadow:0 25px 50px rgb(0 0 0 / .5),0 0 100px rgb(99 102 241 / .3);border:1px solid rgb(99 102 241 / .3);opacity:0;transition:all 0.35s cubic-bezier(.4,0,.2,1);overflow-y:auto;backdrop-filter:blur(20px);visibility:hidden}.modal.active{display:block!important;opacity:1!important;transform:translate(-50%,-50%) scale(1)!important;visibility:visible!important}.modal-content{padding:0;margin:0;position:relative;width:100%;height:100%;border-radius:inherit;background:inherit}.modal .close{position:absolute;top:15px;right:20px;font-size:2.5rem;font-weight:700;color:#fff;cursor:pointer;transition:all 0.3s ease;background:rgb(239 68 68 / .8);border:2px solid rgb(239 68 68 / .6);padding:8px;border-radius:50%;line-height:1;display:flex;align-items:center;justify-content:center;width:45px;height:45px;backdrop-filter:blur(10px);z-index:10001;text-align:center}.modal .close:hover{background:rgb(239 68 68);border-color:rgb(239 68 68 / .8);transform:scale(1.1)}.modal-header{padding:30px 30px 20px;border-bottom:1px solid rgb(255 255 255 / .1);text-align:center}.modal-body{padding:20px 30px 30px;color:#fff}.modal-body h3{color:#fff;font-size:1.4rem;margin-bottom:15px;display:flex;align-items:center;gap:10px}.modal-body p{color:#a1a1aa;line-height:1.6;margin-bottom:20px}.modal h2{font-size:1.8rem;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;margin-bottom:20px}.collapsible-section{margin-bottom:20px;background:rgb(255 255 255 / .03);border-radius:12px;padding:15px;border:1px solid rgb(255 255 255 / .1)}.collapsible-section h3{margin-bottom:15px;color:#fff}.collapsible-section p{color:#a1a1aa;line-height:1.6}.modal,.overlay{contain:layout style paint;will-change:transform,opacity}@media (max-width:768px){.modal{width:95%;max-height:85vh}.modal-header,.modal-body{padding:20px 15px}.modal .close{top:10px;right:15px;width:40px;height:40px;font-size:2rem}}@media (max-width:480px){.modal{width:98%;max-height:90vh}.modal-header,.modal-body{padding:15px 10px}.modal h2{font-size:1.5rem}.modal-body h3{font-size:1.2rem}}