.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-container{background:#16213e;border:1px solid #30475e;border-radius:12px;width:90%;max-width:400px;animation:.3s slideUp;box-shadow:0 10px 25px #00000080}.modal-header{border-bottom:1px solid #30475e;align-items:center;gap:12px;padding:20px;display:flex}.modal-icon{color:#9d4edd;font-size:24px}.modal-title{color:#fff;margin:0;font-size:18px;font-weight:600}.modal-body{padding:20px}.modal-body p{color:#e0e0e0;margin:0;line-height:1.5}.modal-footer{border-top:1px solid #30475e;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{color:#fff;background:#9d4edd}.btn-primary:hover{background:#7c3aed;transform:translateY(-1px)}.btn-secondary{color:#e0e0e0;background:#1a1a2e;border:1px solid #30475e}.btn-secondary:hover{background:#1f4068}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.modal-container{width:95%;max-width:none}.modal-footer{flex-direction:column}.btn{width:100%}}.three-d-button{all:unset;cursor:pointer;-webkit-tap-highlight-color:#0000;color:#607d8b;background:linear-gradient(135deg,#16213e,#0f1a2d);border-radius:100em;transition:all .3s;position:relative;box-shadow:-.15em -.15em .15em -.075em #ffffff1a,.0375em .0375em .0675em #00000080,0 0 0 2px}.three-d-button .button-outer{z-index:1;border-radius:inherit;will-change:transform;transition:all .3s;position:relative;box-shadow:0 .05em .05em -.01em #000000b3,0 .01em .01em -.01em #00000080,.15em .3em .1em -.01em #0000004d}.three-d-button:hover .button-outer{transform:translate(.05em,.05em);box-shadow:0 0 #000000b3,0 0 #00000080,0 0 #0000004d}.three-d-button:active .button-outer{transform:translate(.1em,.1em)}.three-d-button .button-inner{--inset:.035em;z-index:1;border-radius:inherit;will-change:transform;clip-path:inset(0 round 100em);background-image:linear-gradient(135deg,#16213e,#0f1a2d);padding:.8em 1.2em;transition:all .3s;position:relative;overflow:hidden;box-shadow:inset .05em .05em .1em #ffffff80,inset -.05em -.05em .1em #0003,inset 0 0 .05em .2em #ffffff4d,inset .025em .05em .1em #fffc,inset .12em .12em .12em #ffffff40,inset -.075em -.25em .25em .1em #00000026}.three-d-button:hover .button-inner{clip-path:inset(clamp(1px,.0625em,2px) round 100em);box-shadow:inset .1em .15em .05em #00000080,inset -.025em -.03em .05em .025em #ffffff4d,inset .25em .25em .2em #0000004d,inset 0 0 .05em .5em #ffffff26,inset 0 0 #fff,inset .12em .12em .12em #ffffff40,inset -.075em -.12em .2em .1em #00000026}.three-d-button .button-inner span{z-index:4;letter-spacing:-.05em;color:var(--text-color,#000);background-image:linear-gradient(135deg, var(--text-gradient-start,#e6e6e6), var(--text-gradient-end,#b4b4b4));will-change:transform;text-shadow:0 0 .1em #0000001a;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;font-family:Calibri,Arial,sans-serif;font-weight:500;transition:transform .25s;display:block;position:relative}.three-d-button:hover .button-inner span{transform:scale(.975)}.three-d-button:active .button-inner{transform:scale(.95)}.three-d-button:disabled{opacity:.6;cursor:not-allowed}.three-d-button.small{--shadow-offset:.05em}.three-d-button.small .button-outer{box-shadow:0 .025em .025em -.005em #000000b3,0 .005em .005em -.005em #00000080,.05em .1em .05em -.005em #0000004d}.three-d-button.small:hover .button-outer{transform:translate(.025em,.025em);box-shadow:0 0 #000000b3,0 0 #00000080,0 0 #0000004d}.three-d-button.small:active .button-outer{transform:translate(.05em,.05em)}.three-d-button.white-text .button-inner span{color:#fff!important;background-image:linear-gradient(135deg,#fff,#e0e0e0)!important;font-weight:700!important}