body {
    font-family: 'Segoe UI', sans-serif;
    margin: 0;
    padding: 0;
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:100vh;
    background: #121212;
}

.popup-overlay {
    display: none;
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0.6);
    z-index:999;
}
.popup-overlay.active { display:flex; justify-content:center; align-items:center; }

/* Поп-ап */
.popup.orange-popup {
    background:#fff;
    border: 2px solid #ff9800;
    border-radius:16px;
    width:90%;
    max-width:360px;
    position:relative;
    padding:30px 25px 25px;
    box-shadow:0 12px 40px rgba(0,0,0,0.2);
    animation: slideUp 0.4s ease, borderPulse 2s infinite alternate;
}
@keyframes borderPulse {
    0%,100% { border-color:#ff9800; }
    50% { border-color:#ffa726; }
}

/* Крестик */
.close-icon {
    position:absolute;
    top:15px;
    right:15px;
    width:30px;
    height:30px;
    background:none;
    border:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
}
.close-icon::before,
.close-icon::after {
    content:'';
    position:absolute;
    width:18px;
    height:2px;
    background:#000;
}
.close-icon::before { transform:rotate(45deg); }
.close-icon::after { transform:rotate(-45deg); }

/* Галочка */
.success-icon.orange-success {
    width:70px;
    height:70px;
    background:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto 20px;
    position:relative;
    box-shadow:0 4px 15px rgba(255,152,0,0.5);
}
.success-icon.orange-success::after {
    content:'';
    position:absolute;
    width:12px;
    height:24px;
    border: solid #ff9800;
    border-width:0 4px 4px 0;
    transform:rotate(45deg);
    animation: checkDraw 0.5s ease 0.2s backwards;
}

/* Заголовок и текст */
.popup-title { font-size:24px; font-weight:600; color:#000; text-align:center; margin-bottom:15px; }
.popup-text { font-size:15px; text-align:center; line-height:1.6; margin-bottom:20px; color:#000; }


/* Мессенджеры */
.messengers { display:flex; justify-content:center; gap:20px; margin-bottom:25px; }
.messenger-icon { width:60px; height:60px; border-radius:50%; display:flex; align-items:center; justify-content:center; text-decoration:none; box-shadow:0 4px 10px rgba(0,0,0,0.1); transition:all 0.3s; }
.messenger-icon:hover { transform:translateY(-5px) scale(1.05); box-shadow:0 8px 20px rgba(0,0,0,0.2); }
.telegram { background:linear-gradient(135deg,#0088cc 0%,#0077b5 100%); }
.whatsapp { background:#25D366; display:flex; align-items:center; justify-content:center; border-radius:50%; }
.messenger-icon svg { width:32px; height:32px; fill:white; }

/* Кнопка внутри */
.close-button { width:50%; padding:12px; background:#2e7d2e; color:#fff; border:none; border-radius:10px; font-size:16px; font-weight:600; cursor:pointer; display:block; margin:0 auto; position:relative; overflow:hidden; transition:all 0.3s; }
.close-button::before { content:''; position:absolute; top:50%; left:50%; width:0; height:0; border-radius:50%; background:rgba(255,255,255,0.2); transform:translate(-50%,-50%); transition:width 0.6s,height 0.6s; }
.close-button:hover::before { width:300px; height:300px; }
.close-button:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(46,125,46,0.5); }
.close-button:active { transform:translateY(0); }

.messenger-icon:hover {
    transform: translateY(-5px) scale(1.05);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.messenger-icon img {
    width: 32px;
    height: 32px;
}




/* Кнопка закрыть */
.close-button.orange-button {
    width:50%;
    padding:12px;
    background:#ff9800;
    color:#fff;
    border:none;
    border-radius:10px;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
    display:block;
    margin:0 auto 10px;
    position:relative;
    overflow:hidden;
    transition:all 0.3s;
}
.close-button.orange-button::before {
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    width:0;
    height:0;
    border-radius:50%;
    background: rgba(255,255,255,0.2);
    transform:translate(-50%,-50%);
    transition:width 0.6s,height 0.6s;
}
.close-button.orange-button:hover::before { width:300px; height:300px; }
.close-button.orange-button:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(255,152,0,0.5);}
.close-button.orange-button:active { transform:translateY(0); }

/* Анимации */
@keyframes slideUp { from{opacity:0; transform:translateY(50px);} to{opacity:1; transform:translateY(0);} }
@keyframes checkDraw { 0%{opacity:0;width:0;height:0;} 50%{opacity:1;height:24px;width:0;} 100%{opacity:1;height:24px;width:12px;} }