/* Hide checkbox */
.popup__toggle {
     display: none;
}

/* Overlay */
.popup__overlay {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
     display: flex;
     align-items: center;
     justify-content: center;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease;
     z-index: 9999;
}

.popup__toggle:checked~.popup__overlay {
     opacity: 1;
     visibility: visible;
}

/* Popup box - minimal design */
.popup__box {
     background: white;
     border-radius: 12px;
     padding: 2rem;
     max-width: 360px;
     width: 90%;
     text-align: center;
     transform: scale(0.8);
     transition: transform 0.3s ease;
     box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

.popup__toggle:checked~.popup__overlay .popup__box {
     transform: scale(1);
}

/* Close button */
.popup__close {
     position: absolute;
     top: 0.75rem;
     right: 0.75rem;
     width: 2rem;
     height: 2rem;
     border-radius: 50%;
     background: transparent;
     border: none;
     cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 1.5rem;
     color: #999;
     transition: color 0.2s;
     text-decoration: none;
}

.popup__close:hover {
     color: #333;
}

/* Icon */
.popup__icon {
     width: 3.5rem;
     height: 3.5rem;
     border-radius: 50%;
     background: #10b981;
     color: white;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 2rem;
     margin: 0 auto 1rem;
}

/* Title */
.popup__title {
     font-size: 1.5rem;
     font-weight: 600;
     color: #1a1a1a;
     margin-bottom: 0.5rem;
}

/* Message */
.popup__message {
     color: #666;
     font-size: 0.95rem;
     line-height: 1.5;
     margin-bottom: 1.5rem;
}

/* Button */
.popup__button {
     display: inline-block;
     padding: 0.75rem 2rem;
     background: #10b981;
     color: white;
     border: none;
     border-radius: 8px;
     font-size: 0.95rem;
     font-weight: 500;
     cursor: pointer;
     transition: background 0.2s;
     text-decoration: none;
}

.popup__button:hover {
     background: #059669;
}

/* Trigger button */
.popup__trigger {
     display: inline-block;
     padding: 1rem 2rem;
     background: #3b82f6;
     color: white;
     border: none;
     border-radius: 8px;
     font-size: 1rem;
     font-weight: 500;
     cursor: pointer;
     transition: background 0.2s;
     text-decoration: none;
}

.popup__trigger:hover {
     background: #2563eb;
}