.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity .3s ease}.modal-overlay.open{opacity:1}.modal-overlay.closing{opacity:0}.modal-container{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.1);width:90%;max-width:900px;max-height:90vh;display:flex;transform:translateY(20px);transition:transform .3s ease,opacity .3s ease;opacity:0}.modal-container.open{transform:translateY(0);opacity:1}.modal-container.closing{transform:translateY(20px);opacity:0}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#667085;cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:background-color .2s ease}.modal-close:hover{background-color:rgba(0,0,0,.05)}@media (max-width:768px){.modal-container{flex-direction:column;width:95%}}.registration-popup{display:flex;width:100%;max-width:1000px;min-height:600px;background:#fff;overflow:hidden}.registration-left-panel{flex:1;background:linear-gradient(180deg,#ffc905 0,#ff8c05);padding:40px;color:#fff;display:flex;flex-direction:column}.registration-logo{gap:12px;margin-bottom:60px}.logo-icon,.registration-logo{display:flex;align-items:center}.logo-icon{width:40px;height:40px;background:#fff;border-radius:8px;justify-content:center;color:#ffc905}.logo-icon,.logo-text{font-size:24px;font-weight:700}.registration-left-content{flex:1;display:flex;flex-direction:column;justify-content:center}.registration-left-content h2{font-size:32px;font-weight:700;margin-bottom:20px}.registration-left-content p{font-size:16px;line-height:1.6;opacity:.9}.registration-right-panel{flex:1.5;padding:40px;overflow-y:auto}.registration-content{max-width:500px;margin:0 auto}@media (max-width:768px){.registration-popup{flex-direction:column;min-height:auto}.registration-left-panel{padding:30px}.registration-logo{margin-bottom:30px}.registration-left-content h2{font-size:24px}.registration-right-panel{padding:30px}}