.modal{background:linear-gradient(180deg,#000,#0a0a0a);border:2px solid rgba(218,165,32,.3);border-radius:16px;box-shadow:0 20px 60px #000c,0 0 40px #daa52033;display:flex;flex-direction:column;margin:1rem auto;max-height:calc(100vh - 80px);max-width:510px;overflow:hidden;padding:0;position:relative;width:100%}.modal__container{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;display:flex;height:100%;justify-content:center;padding:40px 0}.modal__container,.modal__content{overflow-x:hidden;overflow-y:auto;width:100%}.modal__content{flex:1;min-height:0;padding:30px 20px;scroll-behavior:smooth}.modal__content::-webkit-scrollbar{width:8px}.modal__content::-webkit-scrollbar-track{background:#daa5201a;border-radius:4px}.modal__content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#daa520,#b8860b);border-radius:4px}.modal__content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,gold,#daa520)}.modal__close{align-items:center;background:transparent!important;border:2px solid rgba(218,165,32,.3)!important;border-radius:50%;color:#daa520;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:0;transition:all .3s ease;width:40px;z-index:10}.modal__close:hover{background:linear-gradient(135deg,#daa520,#b8860b)!important;border-color:#daa520!important;box-shadow:0 4px 12px #daa52066;color:#000!important;transform:rotate(90deg)}