

.document-support-page {
  /* Base surfaces */

  /* Typography */

  /* Borders */

  /* Brand */

  /* Accent / status */

  /* Radius */

  /* Shadows */

  /* Layout */
}

.document-support-page {
  /* -------------------------------------------------------
     Core brand
  ------------------------------------------------------- */

  --cc-midnight: #20241F;
  --cc-charcoal: #353C33;
  --cc-electric: var(--cc-accent-text);

  --cc-white: #ffffff;
  --cc-stone: #DDE1D8;

  /* -------------------------------------------------------
     Text
  ------------------------------------------------------- */

  --cc-text: #20241F;
  --cc-text-secondary: #50564D;
  --cc-text-subtle: #5C6458;
  --cc-text-inverse: #ffffff;

  /* -------------------------------------------------------
     Surfaces
  ------------------------------------------------------- */

  --cc-background: #F5F6F4;
  --cc-surface: #ffffff;
  --cc-surface-soft: #EFF1ED;
  --cc-surface-muted: #E9ECE6;
  --cc-surface-dark: #20241F;

  /* -------------------------------------------------------
     Borders
  ------------------------------------------------------- */

  --cc-border: #DDE1D8;
  --cc-border-strong: #B7BFB0;
  --cc-border-dark: #50564D;

  /* -------------------------------------------------------
     Brand interaction states
  ------------------------------------------------------- */

  --cc-electric-hover: #414E0B;
  --cc-electric-active: #303B07;
  --cc-electric-soft: var(--cc-accent-soft);
  --cc-electric-border: var(--cc-accent-border);

  /* -------------------------------------------------------
     Semantic states
  ------------------------------------------------------- */

  --cc-success: #008f46;
  --cc-success-soft: #e9f8ef;

  --cc-warning: #a65f00;
  --cc-warning-soft: #fff6e8;

  --cc-danger: #c83232;
  --cc-danger-soft: #fff0f0;

  --cc-info: #1769aa;
  --cc-info-soft: #edf6ff;

  /* -------------------------------------------------------
     Typography
  ------------------------------------------------------- */

  --cc-font-body:
    var(--font-inter),
    Inter,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  --cc-font-heading:
    var(--font-sora),
    Sora,
    var(--cc-font-body);

  /* -------------------------------------------------------
     Type scale
  ------------------------------------------------------- */

  --cc-text-xs: 0.75rem;
  --cc-text-sm: 0.875rem;
  --cc-text-base: 1rem;
  --cc-text-lg: 1.125rem;
  --cc-text-xl: 1.25rem;

  /* -------------------------------------------------------
     Radius
  ------------------------------------------------------- */

  --cc-radius-xs: 0.625rem;
  --cc-radius-sm: 0.75rem;
  --cc-radius-md: 1rem;
  --cc-radius-lg: 1.5rem;
  --cc-radius-xl: 2rem;
  --cc-radius-pill: 9999px;

  /* -------------------------------------------------------
     Shadows
  ------------------------------------------------------- */

  --cc-shadow-xs:
    0 1px 2px
    rgba(32, 36, 31, 0.04);

  --cc-shadow-card:
    0 8px 30px
    rgba(32, 36, 31, 0.07);

  --cc-shadow-soft:
    0 18px 50px
    rgba(32, 36, 31, 0.08);

  --cc-shadow-elevated:
    0 24px 70px
    rgba(32, 36, 31, 0.12);

  /* -------------------------------------------------------
     Layout
  ------------------------------------------------------- */

  --cc-container: 75rem;

  --cc-gutter-mobile: 1rem;
  --cc-gutter-tablet: 1.5rem;
  --cc-gutter-desktop: 2rem;

  --cc-header-height: 4.75rem;

  /* -------------------------------------------------------
     Motion
  ------------------------------------------------------- */

  --cc-transition-fast: 140ms ease;
  --cc-transition-base: 200ms ease;
  --cc-transition-slow: 300ms ease;

  /* -------------------------------------------------------
     Focus
  ------------------------------------------------------- */

  --cc-focus-ring:
    0 0 0 4px
    rgba(83, 98, 15, 0.18);

  --cc-focus-ring-dark:
    0 0 0 2px
    #20241F,

    0 0 0 5px
    rgba(83, 98, 15, 0.35);
}
.document-support-page {
  --cc-brand: #20241F;
  --cc-brand-hover: #353C33;
  --cc-brand-active: #171B16;
  --cc-accent-inverse: #D8F044;
  --cc-focus-ring-dark: 0 0 0 2px #FFFFFF, 0 0 0 5px #20241F;
}
.document-support-page { --cc-text-muted: var(--cc-text-secondary); }

.document-support-page { --cc-citron: #D8F044; }
.document-support-page {
  --cc-ink-rgb: 32, 36, 31;
  --cc-accent-text-rgb: 83, 98, 15;
  --cc-accent: var(--cc-citron);
  --cc-accent-text: #53620F;
  --cc-accent-soft: #F3F6E5;
  --cc-accent-border: #DCE3BD;
}
.sp-page { background: #fff; color: var(--cc-text); padding-bottom: 64px; }
.sp-page :is(h1,h2,h3,p) { font-family: var(--cc-font-body); }
.sp-page :is(h1,h2,h3) { color: var(--cc-text); font-weight: 600; }
.sp-page a { color: inherit; }
.sp-page :is(a,button,summary,input,select,textarea):focus-visible { outline: 2px solid var(--cc-accent-text); outline-offset: 4px; }
.sp-page :is(button,summary) { cursor: pointer; -webkit-tap-highlight-color: transparent; }
.sp-breadcrumbs { color: var(--cc-text-secondary); }
.sp-breadcrumbs a { text-decoration: none; }
.sp-hero { display: grid; grid-template-columns: 1.1fr 1fr; gap: 70px; align-items: end; padding: 32px 0 55px; border-bottom: 1px solid var(--cc-border); }
.sp-page .sp-eyebrow { display: flex; align-items: center; gap: 8px; margin: 0 !important; color: var(--cc-text-secondary); font-size: 10px; font-weight: 600; line-height: 1.6; letter-spacing: .12em; text-transform: uppercase; }
.sp-eyebrow > span { width: 6px; height: 6px; border-radius: 50%; background: var(--cc-citron); }
.sp-hero h1 { margin: 20px 0 0; font-size: clamp(42px,4.6vw,64px); line-height: 1.04; letter-spacing: -.06em; text-wrap: balance; }
.sp-dot { color: var(--cc-citron); -webkit-text-fill-color: var(--cc-citron); }
.sp-page .sp-intro { margin: 0 !important; font-size: 16px; line-height: 1.8; color: var(--cc-text-secondary); max-width: 470px; }
.sp-meta { margin-top: 22px; font-size: 12px; color: var(--cc-text-secondary); }
.sp-section { padding: 56px 0; border-bottom: 1px solid var(--cc-border); }
.sp-sectionHeading { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: end; margin-bottom: 30px; }
.sp-page h2 { font-size: clamp(26px,3vw,36px); line-height: 1.15; letter-spacing: -.045em; }
.sp-page h3 { font-size: 18px; line-height: 1.4; letter-spacing: -.025em; }
.sp-sectionHeading h2, .sp-aside h2 { margin-top: 14px; }
.sp-page .sp-sectionHeading > p, .sp-page .sp-aside > p:not(.sp-eyebrow) { color: var(--cc-text-secondary); font-size: 14px; line-height: 1.8; margin-top: 18px !important; }
.sp-routes { border-top: 1px solid var(--cc-border); }
.sp-route { display: grid; grid-template-columns: 48px 1fr 1fr 24px; align-items: center; gap: 24px; padding: 27px 12px; border-bottom: 1px solid var(--cc-border); text-decoration: none; transition: background .15s; }
.sp-route:hover { background: var(--cc-background); }
.sp-route strong { font-size: 21px; font-weight: 500; letter-spacing: -.035em; }
.sp-page .sp-route p { font-size: 14px; line-height: 1.7; color: var(--cc-text-secondary); margin: 0 !important; }
.sp-routeIcon { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 13px; background: var(--cc-background); }
.sp-guidance { display: grid; grid-template-columns: repeat(3,1fr); gap: 35px; }
.sp-guidance article { padding-top: 20px; border-top: 1px solid var(--cc-border); }
.sp-guidance h3 { margin-top: 20px; }
.sp-page .sp-guidance p { margin-top: 12px !important; font-size: 14px; line-height: 1.8; color: var(--cc-text-secondary); }
.sp-split { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(250px,.8fr); gap: 75px; align-items: start; padding: 48px 0 60px; }
.sp-aside { padding: 28px; border-radius: 20px; background: var(--cc-background); }
.sp-aside h2 { font-size: 25px; }
.sp-asideLinks { margin-top: 25px; border-top: 1px solid var(--cc-border); }
.sp-asideLinks > a, .sp-chatLink { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 0; min-height: 48px; border: 0; border-bottom: 1px solid var(--cc-border); background: transparent; font-size: 14px; font-weight: 500; color: var(--cc-text); text-decoration: none; text-align: left; }
.sp-chatLink > span { display: inline-flex; align-items: center; gap: 9px; }
.sp-chatLink:hover, .sp-asideLinks > a:hover { color: var(--cc-accent-text); }
.sp-note a { text-decoration: underline; text-underline-offset: 3px; }
.sp-page .sp-note { margin-top: 18px !important; font-size: 12px !important; line-height: 1.75; color: var(--cc-text-secondary); }
.sp-supportLinks { display: flex; flex-wrap: wrap; gap: 20px 40px; border-top: 1px solid var(--cc-border); padding: 28px 0 8px; }
.sp-supportLinks > a { display: flex; flex: 1 1 230px; align-items: center; justify-content: space-between; gap: 20px; padding: 8px 0; text-decoration: none; }
.sp-supportLinks strong { font-size: 15px; font-weight: 500; }
.sp-page .sp-supportLinks p { margin-top: 6px !important; font-size: 12px; line-height: 1.7; color: var(--cc-text-secondary); }
.sp-form { min-width: 0; }
.sp-form h2 { font-size: 27px; margin-bottom: 28px; }
.sp-fieldGrid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.sp-field { min-width: 0; margin-bottom: 24px; }
.sp-field label, .sp-field > .sp-labelRow label { display: block; margin-bottom: 10px; font-size: 13px; font-weight: 500; }
.sp-field label span { font-weight: 400; color: var(--cc-text-secondary); }
.sp-field :is(input,select,textarea), .sp-search input { display: block; box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; border: 1px solid var(--cc-border-strong, #B8BEAE); border-radius: 12px; background: #fff; color: var(--cc-text); font-family: inherit; font-size: 16px; padding: 0 16px; min-height: 54px; outline-offset: 3px; }
.sp-field input::placeholder, .sp-field textarea::placeholder, .sp-search input::placeholder { color: var(--cc-text-secondary); opacity: .85; }
.sp-field textarea { padding: 15px 16px; min-height: 160px; resize: vertical; line-height: 1.7; }
.sp-field select { padding-right: 32px; }
.sp-field :is(input,select,textarea):disabled { background: var(--cc-background); opacity: .7; }
.sp-field [aria-invalid='true'] { border-color: #A52B2B; }
.sp-labelRow { display: flex; justify-content: space-between; gap: 12px; font-size: 12px; color: var(--cc-text-secondary); }
.sp-page .sp-error { margin: 10px 0 0 !important; color: #A52B2B !important; -webkit-text-fill-color: #A52B2B; font-size: 13px; line-height: 1.7; }
.sp-alert { padding: 16px; border: 1px solid #E8BCBC; border-radius: 12px; background: #FFF7F7; margin: 18px 0; }
.sp-actions { display: flex; align-items: center; justify-content: space-between; gap: 24px; border-top: 1px solid var(--cc-border); padding-top: 24px; margin-top: 8px; }
.sp-primary, .sp-secondary { flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; gap: 22px; min-height: 49px; padding: 12px 24px; border-radius: 999px; border: 1px solid var(--cc-text); background: var(--cc-text); color: #fff !important; -webkit-text-fill-color: #fff; font-size: 14px; font-weight: 500; text-decoration: none; }
.sp-secondary { background: #fff; color: var(--cc-text) !important; -webkit-text-fill-color: var(--cc-text); border-color: var(--cc-border); }
.sp-primary:disabled, .sp-secondary:disabled { opacity: .5; cursor: wait; }
.sp-primary:hover:not(:disabled) { background: var(--cc-brand-hover); }
.sp-success { background: var(--cc-background); border-radius: 20px; padding: 32px; }
.sp-success h2 { margin-top: 20px; }
.sp-page .sp-success p { margin: 18px 0 25px !important; font-size: 15px; line-height: 1.8; overflow-wrap: anywhere; }
.sp-search { position: relative; max-width: 670px; }
.sp-search input { padding: 0 54px 0 47px; min-height: 58px; background: var(--cc-background); border-color: var(--cc-border); }
.sp-search > svg { position: absolute; left: 17px; top: 19px; pointer-events: none; }
.sp-search > button { position: absolute; right: 7px; top: 7px; display: grid; place-items: center; width: 44px; height: 44px; border: 0; border-radius: 8px; background: transparent; }
.sp-faqToolbar { padding: 35px 0 24px; }
.sp-filters { display: flex; flex-wrap: wrap; gap: 6px 10px; margin-top: 22px; }
.sp-filters button { min-height: 42px; padding: 9px 14px; background: transparent; border: 1px solid transparent; border-radius: 8px; font-size: 13px; color: var(--cc-text-secondary); }
.sp-filters button[aria-pressed='true'] { background: var(--cc-background); color: var(--cc-text); border-color: var(--cc-border); font-weight: 600; }
.sp-faqSection { display: grid; grid-template-columns: 280px minmax(0,1fr); gap: 65px; padding: 36px 0; border-top: 1px solid var(--cc-border); }
.sp-faqSection h2 { font-size: 25px; margin-top: 12px; }
.sp-page .sp-faqSection header > p:last-child { font-size: 13px; line-height: 1.8; color: var(--cc-text-secondary); margin-top: 16px !important; }
.sp-faqRow { border-bottom: 1px solid var(--cc-border); }
.sp-faqRow:last-child { border: 0; }
.sp-faqRow > button { display: flex; align-items: center; justify-content: space-between; gap: 25px; width: 100%; padding: 21px 0; border: 0; background: transparent; text-align: left; color: var(--cc-text); font-size: 15px; font-weight: 500; line-height: 1.6; }
.sp-faqRow > button svg { flex-shrink: 0; transition: transform .15s; }
.sp-faqRow > button[aria-expanded='true'] svg { transform: rotate(45deg); }
.sp-answer { padding: 0 40px 24px 0; color: var(--cc-text-secondary); font-size: 14px; line-height: 1.85; }
.sp-answer a, .sp-legalBody a { text-decoration: underline; text-underline-offset: 4px; }
.sp-empty { padding: 50px 0 70px; }
.sp-empty p { margin: 16px 0 24px !important; }
.sp-methods { border: 0; padding: 0; margin: 0 0 28px; min-width: 0; }
.sp-methods legend { font-size: 13px; font-weight: 500; margin-bottom: 12px; }
.sp-methods > div { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; background: var(--cc-background); border-radius: 12px; }
.sp-methods button { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 8px; min-height: 48px; border-radius: 9px; border: 1px solid transparent; background: transparent; color: var(--cc-text-secondary); font-size: 14px; }
.sp-methods button[aria-pressed='true'] { background: white; border-color: var(--cc-border); color: var(--cc-text); box-shadow: 0 2px 5px rgb(var(--cc-ink-rgb) / .04); }
.sp-result { padding: 42px 0 55px; }
.sp-resultHeader { display: flex; justify-content: space-between; align-items: start; gap: 24px; margin-bottom: 28px; }
.sp-resultHeader h2 { margin-top: 12px; }
.sp-status { padding: 8px 13px; border: 1px solid var(--cc-border); border-radius: 8px; font-size: 12px; }
.sp-policyData { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; padding: 25px 0; border-block: 1px solid var(--cc-border); }
.sp-policyData dt { font-size: 12px; color: var(--cc-text-secondary); margin-bottom: 10px; }
.sp-policyData dd { font-size: 14px; line-height: 1.7; font-weight: 500; overflow-wrap: anywhere; }
.sp-documents { margin-top: 35px; }
.sp-document { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 22px 0; border-bottom: 1px solid var(--cc-border); text-decoration: none; }
.sp-document > div { display: flex; align-items: center; gap: 18px; }
.sp-document strong { font-size: 15px; font-weight: 500; }
.sp-page .sp-document p { margin-top: 6px !important; color: var(--cc-text-secondary); font-size: 13px; line-height: 1.7; }
.sp-resend { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 25px; margin-top: 30px; background: var(--cc-background); border-radius: 16px; }
.sp-resend .sp-primary { flex-shrink: 0; }
.sp-legalLayout { display: grid; grid-template-columns: 250px minmax(0,1fr); gap: 70px; padding: 44px 0 55px; }
.sp-contents { position: sticky; top: 95px; align-self: start; max-height: calc(100svh - 125px); overflow: auto; padding-right: 15px; }
.sp-contents > p { margin-bottom: 16px !important; }
.sp-contents a { display: flex; gap: 12px; padding: 8px 0; font-size: 12px; line-height: 1.65; text-decoration: none; color: var(--cc-text-secondary); }
.sp-contents a:hover { color: var(--cc-text); text-decoration: underline; }
.sp-contents a span { font-size: 10px; padding-top: 2px; opacity: .8; }
.sp-legalSection { padding: 32px 0; border-bottom: 1px solid var(--cc-border); scroll-margin-top: 100px; }
.sp-legalSection:first-child { padding-top: 0; }
.sp-legalSection h2 { display: flex; gap: 15px; font-size: 26px; line-height: 1.25; margin-bottom: 22px; }
.sp-legalSection h2 > span { padding-top: 5px; font-size: 11px; letter-spacing: .03em; color: var(--cc-text-secondary); }
.sp-legalBody { font-size: 15px; line-height: 1.85; color: var(--cc-text-secondary); }
.sp-page .sp-legalBody p + p, .sp-page .sp-legalBody p + ul, .sp-page .sp-legalBody ul + p { margin-top: 17px !important; }
.sp-legalBody > div { margin: 18px 0; }
.sp-legalBody > div > div:first-child { color: var(--cc-text); font-weight: 500; }
.sp-legalBody ul { list-style: disc; padding-left: 20px; }
.sp-legalBody li { padding-left: 4px; margin-top: 9px; }
.sp-story { display: grid; grid-template-columns: 1fr 1.1fr; gap: 85px; padding: 60px 0; border-bottom: 1px solid var(--cc-border); }
.sp-story h2 { margin-top: 14px; }
.sp-page .sp-story p:not(.sp-eyebrow) { margin-top: 20px !important; color: var(--cc-text-secondary); font-size: 15px; line-height: 1.85; }
.sp-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 25px; padding: 32px 0; border-bottom: 1px solid var(--cc-border); }
.sp-stats strong { display: block; font-size: 36px; font-weight: 500; letter-spacing: -.05em; }
.sp-page .sp-stats p { font-size: 12px; margin-top: 10px !important; color: var(--cc-text-secondary); }
.sp-timeline article { display: grid; grid-template-columns: 90px 1fr; gap: 20px; padding: 22px 0; border-top: 1px solid var(--cc-border); }
.sp-timeline article > span { font-size: 12px; color: var(--cc-text-secondary); padding-top: 3px; }
.sp-page .sp-timeline article p { font-size: 14px !important; margin-top: 9px !important; }
.sp-statement { padding: 45px; background: var(--cc-background); border-radius: 22px; margin: 45px 0; }
.sp-statement h2 { max-width: 740px; }
.sp-page .sp-statement p { margin: 20px 0 25px !important; color: var(--cc-text-secondary); font-size: 15px; line-height: 1.8; }
@media(max-width: 800px) {
  .sp-hero { gap: 35px; }
  .sp-split { gap: 30px; grid-template-columns: minmax(0,1fr) 260px; }
  .sp-faqSection { grid-template-columns: 220px minmax(0,1fr); gap: 35px; }
  .sp-legalLayout { grid-template-columns: 200px minmax(0,1fr); gap: 35px; }
  .sp-story { gap: 40px; }
}
@media(max-width: 639px) {
  .sp-page { padding-bottom: 35px; }

  .sp-hero { grid-template-columns: 1fr; gap: 23px; padding: 20px 0 34px; }
  .sp-hero h1 { font-size: 42px; margin-top: 15px; text-wrap: initial; }
  .sp-page .sp-intro { font-size: 15px; line-height: 1.75; }
  .sp-section, .sp-story { padding: 35px 0; }
  .sp-sectionHeading, .sp-story { grid-template-columns: 1fr; gap: 12px; }
  .sp-route { grid-template-columns: 40px 1fr 18px; gap: 8px 15px; padding: 22px 0; }
  .sp-route strong { font-size: 19px; }
  .sp-route p { grid-column: 2; }
  .sp-route > svg { grid-column: 3; grid-row: 1 / 3; }
  .sp-routeIcon { width: 36px; height: 36px; grid-row: 1 / 3; }
  .sp-guidance { grid-template-columns: 1fr; gap: 23px; }
  .sp-guidance h3 { margin-top: 12px; }
  .sp-split { grid-template-columns: 1fr; gap: 35px; padding: 30px 0 38px; }
  .sp-aside { padding: 24px; }
  .sp-fieldGrid { grid-template-columns: 1fr; gap: 0; }
  .sp-actions { align-items: stretch; flex-direction: column; gap: 18px; }
  .sp-actions .sp-note { margin: 0 !important; }
  .sp-supportLinks { gap: 14px; }
  .sp-faqToolbar { padding-top: 28px; }
  .sp-filters { gap: 4px; }
  .sp-filters button { padding: 9px 10px; }
  .sp-faqSection { grid-template-columns: 1fr; gap: 15px; padding: 28px 0; }
  .sp-faqSection header > p:last-child { display: none; }
  .sp-faqRow > button { padding: 19px 0; }
  .sp-answer { padding-right: 16px; }
  .sp-policyData { grid-template-columns: 1fr 1fr; gap: 22px; }
  .sp-resultHeader { flex-direction: column; gap: 17px; }
  .sp-resend { align-items: stretch; flex-direction: column; padding: 22px; }
  .sp-methods button { font-size: 13px; }
  .sp-legalLayout { grid-template-columns: 1fr; gap: 32px; padding-top: 28px; }
  .sp-contents { position: static; max-height: none; overflow: visible; padding: 20px; background: var(--cc-background); border-radius: 14px; }
  .sp-contents nav { columns: 2; column-gap: 20px; }
  .sp-contents a { break-inside: avoid; font-size: 11px; }
  .sp-contents a span { display: none; }
  .sp-legalSection h2 { font-size: 24px; gap: 12px; }
  .sp-legalBody { font-size: 14px; }
  .sp-stats { grid-template-columns: 1fr 1fr; gap: 25px; }
  .sp-stats strong { font-size: 31px; }
  .sp-statement { padding: 26px; margin: 30px 0; }
  .sp-timeline article { grid-template-columns: 70px 1fr; gap: 15px; }
}
@media(prefers-reduced-motion:reduce) { .sp-page *, .sp-page *::before, .sp-page *::after { transition: none !important; scroll-behavior: auto !important; } }

.document-support-page { background:#fff; --cc-font-body:InterPreview,Arial,sans-serif; }
.sp-nextStep { margin-top:16px; }
.sp-success { margin:20px 0; padding:20px; border:1px solid #b8c690; border-radius:14px; background:#f3f6e5; }
.sp-success h3 { margin:0 0 8px; font-size:20px; }
.sp-success p { margin:0; font-size:14px; line-height:1.6; }
.document-support-page input, .document-support-page select, .document-support-page textarea { font-size:16px; }
.document-support-page button[type="submit"] { min-height:48px; }
.document-support-page button[type="submit"]:disabled { opacity:.65; cursor:wait; }
