.swoopa-cancellation-wrapper {   font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;   background:linear-gradient(135deg, #3a3a5c 0%, #2a2a4a 100%) !important;   min-height:100vh !important;   display:flex !important;   align-items:center !important;   justify-content:center !important;   padding:20px !important;   margin:0 !important;   box-sizing:border-box !important;   position:fixed !important;   top:0 !important;   left:0 !important;   right:0 !important;   bottom:0 !important;   z-index:999999 !important; } .swoopa-cancellation-container {   background:white !important;   border-radius:20px !important;   box-shadow:0 25px 50px rgba(0, 0, 0, 0.15) !important;   max-width:800px !important;   width:100% !important;   overflow:hidden !important;   position:relative !important;   z-index:1 !important;   margin:0 !important; }  .swoopa-cancellation-wrapper *, .swoopa-cancellation-wrapper *:before, .swoopa-cancellation-wrapper *:after {   margin:0 !important;   padding:0 !important;   box-sizing:border-box !important;   font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important; } .swoopa-header {   background:#3a3a5c !important;   color:white !important;   padding:40px !important;   text-align:center !important; } .swoopa-header h1 {   font-size:32px !important;   margin-bottom:15px !important;   margin-top:0 !important;   color:white !important;   font-weight:normal !important; } .swoopa-header p {   opacity:0.9 !important;   font-size:18px !important;   margin:0 !important;   color:white !important; } .swoopa-content {   padding:60px !important; } .swoopa-step {   display:none; } .swoopa-step.active {   display:block; } .swoopa-step h2 {   font-size:36px !important;   font-weight:700 !important;   color:#2c3e50 !important;   margin-bottom:30px !important;   margin-top:0 !important;   text-align:center !important; } .swoopa-step-indicator {   display:flex;   justify-content:center;   margin-bottom:50px; } .swoopa-step-dot {   width:16px;   height:16px;   border-radius:50%;   background:#e0e0e0;   margin:0 12px;   transition:all 0.3s ease; } .swoopa-step-dot.active {   background:#6c7ce7;   transform:scale(1.3); } .swoopa-step-dot.completed {   background:#27ae60;   transform:scale(1.1); } .swoopa-form-group {   margin-bottom:35px; } .swoopa-form-group label {   display:block;   margin-bottom:12px;   font-weight:600;   color:#2c3e50;   font-size:17px; } .swoopa-form-group input[type="email"], .swoopa-form-group textarea {   width:100%;   padding:18px 24px;   border:2px solid #e0e0e0;   border-radius:12px;   font-size:16px;   transition:border-color 0.3s ease;   box-sizing:border-box; } .swoopa-form-group input[type="email"]:focus, .swoopa-form-group textarea:focus {   outline:none;   border-color:#6c7ce7; } .swoopa-helper-text {   font-size:14px;   color:#7f8c8d;   margin-top:5px;   font-style:italic; } .swoopa-reason-options {   display:grid;   gap:18px; } .swoopa-reason-option {   padding:24px;   border:2px solid #e0e0e0;   border-radius:12px;   cursor:pointer;   transition:all 0.3s ease;   background:white;   font-size:16px; } .swoopa-reason-option:hover {   border-color:#6c7ce7;   background:#f8f9ff; } .swoopa-reason-option.selected {   border-color:#6c7ce7;   background:#6c7ce7;   color:white; } .swoopa-reason-option input[type="radio"] {   display:none; } .swoopa-reason-option label {   cursor:pointer;   margin:0; } .swoopa-response-section {   background:#f8f9fa;   border-radius:12px;   padding:30px;   margin:30px 0;   border-left:5px solid #6c7ce7; } .swoopa-response-section h3 {   color:#2c3e50;   margin-bottom:15px;   margin-top:0;   font-size:24px;   font-weight:600; } .swoopa-response-section p {   color:#5a6c7d;   line-height:1.6;   margin:0;   font-size:16px; } .swoopa-action-buttons {   display:flex;   gap:15px;   margin-top:30px;   flex-wrap:wrap; } .swoopa-btn {   padding:18px 36px !important;   border:none !important;   border-radius:12px !important;   font-size:16px !important;   font-weight:600 !important;   cursor:pointer !important;   transition:all 0.3s ease !important;   text-decoration:none !important;   display:inline-block !important;   text-align:center !important;   background:none !important;   font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif !important;   min-height:56px !important;   box-shadow:0 2px 8px rgba(0, 0, 0, 0.1) !important; } .swoopa-btn-primary {   background:#6c7ce7 !important;   color:white !important; } .swoopa-btn-primary:hover {   background:#5a6bd5 !important;   transform:translateY(-2px) !important;   color:white !important; } .swoopa-btn-primary:disabled {   background:#ccc !important;   cursor:not-allowed !important;   transform:none !important; } .swoopa-btn-secondary {   background:#95a5a6 !important;   color:white !important; } .swoopa-btn-secondary:hover {   background:#7f8c8d !important;   color:white !important; } .swoopa-btn-danger {   background:#e74c3c !important;   color:white !important; } .swoopa-btn-danger:hover {   background:#c0392b !important;   color:white !important; } .swoopa-btn-warning {   background:#f39c12 !important;   color:white !important; } .swoopa-btn-warning:hover {   background:#e67e22 !important;   color:white !important; } .swoopa-pause-options {   display:grid;   grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));   gap:15px;   margin:25px 0; } .swoopa-pause-option {   padding:16px;   border:2px solid #e0e0e0;   border-radius:10px;   text-align:center;   cursor:pointer;   transition:all 0.3s ease;   background:white;   font-size:15px;   font-weight:500; } .swoopa-pause-option:hover {   border-color:#f39c12;   background:#fff8e1; } .swoopa-pause-option.selected {   border-color:#f39c12;   background:#f39c12;   color:white; } .swoopa-navigation {   display:flex;   justify-content:space-between;   margin-top:40px;   padding-top:30px;   border-top:1px solid #e0e0e0; } .swoopa-slack-preview {   background:#3a3a5c;   color:white;   padding:20px;   border-radius:8px;   font-family:'Courier New', monospace;   font-size:14px;   line-height:1.4;   margin:20px 0; } .swoopa-slack-preview h4 {   color:#f39c12;   margin-bottom:10px;   margin-top:0; } .swoopa-success-icon {   text-align:center;   font-size:48px;   color:#27ae60;   margin-bottom:20px; } .swoopa-error {   color:#e74c3c;   font-size:14px;   margin-top:5px; } .hidden {   display:none !important; }  @media (max-width:768px) {   .swoopa-cancellation-container {  max-width:95% !important;  margin:10px !important;  border-radius:16px !important;   }  .swoopa-header {  padding:30px !important;   }  .swoopa-header h1 {  font-size:26px !important;   }  .swoopa-header p {  font-size:16px !important;   }  .swoopa-content {  padding:35px !important;   }  .swoopa-action-buttons {  flex-direction:column;  gap:12px;   }  .swoopa-btn {  width:100% !important;  padding:16px 24px !important;  min-height:50px !important;   }  .swoopa-navigation {  flex-direction:column;  gap:12px;   }  .swoopa-navigation .swoopa-btn {  width:100% !important;   }  .swoopa-reason-option {  padding:18px !important;  font-size:15px !important;   }  .swoopa-form-group input[type="email"],   .swoopa-form-group textarea {  padding:15px 18px !important;   }  .swoopa-response-section {  padding:25px !important;  margin:25px 0 !important;   }  .swoopa-response-section h3 {  font-size:22px !important;   }  .swoopa-pause-options {  grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));  gap:12px;   } } @media (max-width:480px) {   .swoopa-cancellation-wrapper {  padding:15px !important;   }  .swoopa-header {  padding:25px !important;   }  .swoopa-header h1 {  font-size:24px !important;   }  .swoopa-content {  padding:25px !important;   }  .swoopa-pause-options {  grid-template-columns:repeat(2, 1fr);   } }  .wp-admin .swoopa-cancellation-container {   margin:20px 0; } .wp-admin .swoopa-cancellation-container h1, .wp-admin .swoopa-cancellation-container h2, .wp-admin .swoopa-cancellation-container h3 {   font-family:inherit; }