.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:16px;padding:40px;max-width:500px;width:90%;position:relative;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:32px;color:#999;cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.modal-close:hover{color:#333}.modal-icon{font-size:64px;text-align:center;margin-bottom:20px}.modal-content h2{text-align:center;color:#1a202c;font-size:28px;margin-bottom:16px}.modal-message{text-align:center;color:#4a5568;font-size:16px;line-height:1.6;margin-bottom:30px}.benefits-list{background:#f7fafc;border-radius:12px;padding:24px;margin-bottom:30px}.benefits-list h3{color:#2d3748;font-size:18px;margin-bottom:16px}.benefits-list ul{list-style:none;padding:0;margin:0}.benefits-list li{color:#4a5568;font-size:15px;padding:8px 0;display:flex;align-items:center;gap:12px}.benefits-list li:before{content:"✓";color:#48bb78;font-weight:700;font-size:18px}.modal-actions{display:flex;flex-direction:column;gap:12px}.btn-primary{color:#fff;border:none;padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-large{font-size:18px;padding:16px 32px}.btn-secondary{background:transparent;padding:12px 32px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;text-align:center;cursor:pointer;transition:all .3s ease}.btn-guest-modal-signin:hover{background:#667eea;color:#fff}.btn-guest-modal-signin{border:2px solid #667eea;color:#667eea}.modal-note{text-align:center;color:#718096;font-size:13px;margin-top:16px;margin-bottom:0}@media(max-width:576px){.modal-content{padding:30px 20px}.modal-content h2{font-size:24px}.modal-message{font-size:15px}.benefits-list{padding:20px 16px}}