.body-no-scroll{overflow:hidden;padding-right:var(--scrollbar-width)}.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100vh;overflow-y:auto;background-color:#fff0;align-items:center;transition:background-color 0.3s ease}.modal.show{background-color:rgb(15 23 42 / .6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-content{margin:30px auto;width:500px;position:relative;opacity:0;transform:translateY(24px) scale(.97);transition:opacity 0.3s ease,transform 0.3s ease}.modal.show .modal-content{opacity:1;transform:translateY(0) scale(1)}.box-content-modal{background-color:#fefefe;padding:40px 30px 30px 30px;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 20px 60px rgb(0 0 0 / .12);position:relative;overflow:hidden}.box-content-modal::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#0f75bd,#38bdf8,#6366f1)}.close{color:#666;position:absolute;top:10px;right:30px;line-height:24px;font-size:24px;transition:color 0.2s ease;z-index:1}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.tab{overflow:hidden;margin-bottom:15px;display:flex;gap:10px}.tab button{background-color:inherit;border:none;outline:none;cursor:pointer;padding:10px 20px;transition:0.3s;font-size:16px;border-radius:5px}.tab button:hover{background-color:#0f75bd;color:#fff}.tab button.active{background-color:#0f75bd;color:#fff}.tabcontent{display:none;-webkit-animation:fadeEffect 1s;animation:fadeEffect 1s}@-webkit-keyframes fadeEffect{from{opacity:0}to{opacity:1}}@keyframes fadeEffect{from{opacity:0}to{opacity:1}}