/* UnifyWizards — Service Proposal Form
     Scope: All classes prefixed with .uw-
     Safe to embed alongside any existing CSS */
 

 .uw2-wrap {
    font-family: 'Inter', 'Segoe UI', sans-serif;
    background: #0d1b2e;
    border-radius: 16px;
    padding: 36px 32px;
  
    width: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(255,255,255,0.07);
    position: relative;
    overflow: hidden;
  }

  /* Green glow top-right, red glow bottom-left */
  .uw2-wrap::before {
    content: '';
    position: absolute;
    top: -60px; right: -60px;
    width: 200px; height: 200px;
    background: radial-gradient(circle, rgba(34,197,94,0.10) 0%, transparent 70%);
    pointer-events: none;
  }
  .uw2-wrap::after {
    content: '';
    position: absolute;
    bottom: -80px; left: -40px;
    width: 180px; height: 180px;
    background: radial-gradient(circle, rgba(234,67,53,0.08) 0%, transparent 70%);
    pointer-events: none;
  }

  /* Red + green gradient accent bar at bottom */
  .uw2-accent-bar {
    position: absolute; bottom: 0; left: 0; right: 0; height: 3px;
    background: linear-gradient(90deg, #EA4335 0%, #22c55e 60%, transparent 100%);
    border-radius: 0 0 16px 16px;
  }

  /* Google trust strip */
  .uw2-google-strip {
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 8px;
    padding: 8px 12px;
    margin-bottom: 22px;
  }
  .uw2-google-logo { display: flex; gap: 1.5px; align-items: center; flex-shrink: 0; }
  .uw2-gl { width: 8px; height: 8px; border-radius: 50%; }
  .uw2-gl-b { background: #4285F4; }
  .uw2-gl-r { background: #EA4335; }
  .uw2-gl-y { background: #FBBC05; }
  .uw2-gl-g { background: #34A853; }
  .uw2-google-strip-text { font-size: 11.5px; color: rgba(255,255,255,0.4); }
  .uw2-google-strip-text strong { color: rgba(255,255,255,0.75); font-weight: 600; }
  .uw2-stars { display: flex; gap: 2px; margin-left: auto; }
  .uw2-star {
    width: 10px; height: 10px; background: #FBBC05;
    clip-path: polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);
  }

  /* Header */
  .uw2-badge {
    display: inline-flex; align-items: center; gap: 7px;
    font-size: 11px; font-weight: 600; letter-spacing: 0.08em;
    color: #22c55e; text-transform: uppercase; margin-bottom: 10px;
  }
  .uw2-badge-dot { width: 7px; height: 7px; background: #22c55e; border-radius: 50%; display: inline-block; }
  .uw2-title { color: #fff; font-size: 22px; font-weight: 700; margin: 0 0 4px; line-height: 1.3; }
  .uw2-sub { color: rgba(255,255,255,0.4); font-size: 13px; margin: 0 0 22px; }

  /* Layout helpers */
  .uw2-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 14px; }
  .uw2-group { display: flex; flex-direction: column; gap: 6px; margin-bottom: 14px; }
  .uw2-label { font-size: 12px; font-weight: 500; color: rgba(255,255,255,0.5); letter-spacing: 0.03em; }

  /* Inputs */
  .uw2-input, .uw2-select, .uw2-textarea {
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    color: #fff;
    font-size: 13.5px;
    font-family: inherit;
    padding: 10px 14px;
    outline: none;
    transition: border-color 0.2s, background 0.2s;
    width: 100%;
    box-sizing: border-box;
  }
  .uw2-input::placeholder, .uw2-textarea::placeholder { color: rgba(255,255,255,0.2); }
  .uw2-input:focus, .uw2-select:focus, .uw2-textarea:focus {
    border-color: #22c55e;
    background: rgba(34,197,94,0.04);
  }
  .uw2-error { border-color: #EA4335 !important; }
  .uw2-select { appearance: none; -webkit-appearance: none; cursor: pointer; }
  .uw2-sel-wrap { position: relative; }
  .uw2-sel-wrap::after {
    content: ''; position: absolute; right: 14px; top: 50%; transform: translateY(-50%);
    width: 0; height: 0;
    border-left: 4px solid transparent; border-right: 4px solid transparent;
    border-top: 5px solid rgba(255,255,255,0.3); pointer-events: none;
  }
  .uw2-select option { background: #0d1b2e; color: #fff; }
  .uw2-textarea { resize: none; height: 80px; }

  /* Service tags — Google Red accent (multi-select) */
  .uw2-service-tags { display: flex; flex-wrap: wrap; gap: 8px; }
  .uw2-stag {
    padding: 6px 13px; border-radius: 6px; font-size: 12px; font-weight: 500;
    border: 1px solid rgba(234,67,53,0.2); background: rgba(234,67,53,0.06);
    color: rgba(234,67,53,0.6); cursor: pointer; transition: all 0.18s;
    user-select: none; display: flex; align-items: center; gap: 6px;
  }
  .uw2-stag:hover { border-color: rgba(234,67,53,0.5); color: rgba(234,67,53,0.85); background: rgba(234,67,53,0.1); }
  .uw2-stag.uw2-stag-active { background: rgba(234,67,53,0.15); border-color: #EA4335; color: #f87168; }
  .uw2-stag-dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex-shrink: 0; }

  /* Budget pills — Green accent */
  .uw2-pills { display: flex; flex-wrap: wrap; gap: 8px; }
  .uw2-pill {
    padding: 6px 13px; border-radius: 20px; font-size: 12px; font-weight: 500;
    border: 1px solid rgba(255,255,255,0.11); background: rgba(255,255,255,0.04);
    color: rgba(255,255,255,0.45); cursor: pointer; transition: all 0.18s; user-select: none;
  }
  .uw2-pill:hover { border-color: rgba(34,197,94,0.5); color: rgba(255,255,255,0.8); }
  .uw2-pill.uw2-active { background: rgba(34,197,94,0.14); border-color: #22c55e; color: #22c55e; }

  .uw2-divider { border: none; border-top: 1px solid rgba(255,255,255,0.06); margin: 18px 0; }

  /* Buttons */
  .uw2-btn-row { display: flex; gap: 10px; }
  .uw2-submit {
    flex: 1; padding: 12px; background: #22c55e; color: #0a1a14;
    font-size: 13.5px; font-weight: 700; border: none; border-radius: 8px;
    cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 7px;
    font-family: inherit; transition: background 0.2s, transform 0.1s;
  }
  .uw2-submit:hover { background: #16a34a; }
  .uw2-submit:active { transform: scale(0.98); }
  .uw2-submit svg { transition: transform 0.2s; }
  .uw2-submit:hover svg { transform: translateX(2px); }

  /* Call Us — Google Red outline */
  .uw2-call {
    padding: 12px 16px; background: transparent;
    border: 1px solid rgba(234,67,53,0.45); border-radius: 8px;
    color: #f87168; font-size: 13px; font-weight: 500;
    cursor: pointer; display: flex; align-items: center; gap: 6px;
    font-family: inherit; transition: all 0.2s; white-space: nowrap;
  }
  .uw2-call:hover { background: rgba(234,67,53,0.1); border-color: #EA4335; }

  .uw2-privacy { text-align: center; font-size: 11px; color: rgba(255,255,255,0.22); margin-top: 12px; }
  .uw2-privacy a { color: rgba(34,197,94,0.6); text-decoration: none; }

  /* Success state */
  .uw2-success { display: none; text-align: center; padding: 32px 16px; }
  .uw2-success-icon {
    width: 56px; height: 56px; border-radius: 50%;
    background: rgba(34,197,94,0.12);
    display: flex; align-items: center; justify-content: center; margin: 0 auto 16px;
  }
  .uw2-success h3 { color: #fff; font-size: 18px; margin: 0 0 6px; font-family: 'Inter', 'Segoe UI', sans-serif; }
  .uw2-success p { color: rgba(255,255,255,0.4); font-size: 13px; margin: 0; font-family: 'Inter', 'Segoe UI', sans-serif; }