*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --bg: #080a0e;
      --surface: #0d1017;
      --panel: #111520;
      --border: rgba(255,255,255,0.07);
      --border-hover: rgba(255,255,255,0.14);
      --accent: #3d6aff;
      --accent-glow: rgba(61,106,255,0.25);
      --accent-dim: rgba(61,106,255,0.12);
      --text-1: #f0f2f7;
      --text-2: #8890a4;
      --text-3: #50586a;
      --success: #22c98a;
      --error: #ff4d6a;
      --input-bg: rgba(255,255,255,0.04);
      --input-bg-focus: rgba(255,255,255,0.07);
    }

    body {
      font-family: 'DM Sans', sans-serif;
      background: var(--bg);
      color: var(--text-1);
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      position: relative;
    }

    /* Ambient background effect */
    body::before {
      content: '';
      position: fixed;
      width: 600px;
      height: 600px;
      background: radial-gradient(circle, rgba(61,106,255,0.08) 0%, transparent 70%);
      top: -100px;
      left: -100px;
      pointer-events: none;
    }
    body::after {
      content: '';
      position: fixed;
      width: 400px;
      height: 400px;
      background: radial-gradient(circle, rgba(61,106,255,0.05) 0%, transparent 70%);
      bottom: -50px;
      right: 50px;
      pointer-events: none;
    }

    /* Grid texture */
    .grid-bg {
      position: fixed;
      inset: 0;
      background-image:
        linear-gradient(rgba(255,255,255,0.015) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.015) 1px, transparent 1px);
      background-size: 40px 40px;
      pointer-events: none;
    }

    .wrapper {
      position: relative;
      z-index: 1;
      width: 100%;
      max-width: 480px;
      padding: 24px;
    }

    /* Logo */
    .brand {
      text-align: center;
      margin-bottom: 30px;
    }

    .brand-logo {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 8px;
    }

    .brand-icon {
      width: 38px;
      height: 38px;
      background: var(--accent);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }
    .brand-icon svg {
      width: 20px;
      height: 20px;
      fill: none;
      stroke: #fff;
      stroke-width: 2;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .brand-name {
      font-family: 'Syne', sans-serif;
      font-size: 22px;
      font-weight: 700;
      letter-spacing: -0.3px;
      color: var(--text-1);
    }
    .brand-name span {
      color: var(--accent);
    }

    .brand-sub {
      font-size: 13px;
      color: var(--text-3);
      letter-spacing: 0.5px;
      text-transform: uppercase;
      font-weight: 500;
    }

    /* Card */
    .card {
      background: var(--panel);
      border: 1px solid var(--border);
      border-radius: 20px;
      padding: 36px 32px;
      position: relative;
      overflow: hidden;
    }
    .card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 60%;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(61,106,255,0.4), transparent);
    }

    .card-title {
      font-family: 'Syne', sans-serif;
      font-size: 19px;
      font-weight: 600;
      margin-bottom: 6px;
      color: var(--text-1);
    }
    .card-desc {
      font-size: 13.5px;
      color: var(--text-2);
      margin-bottom: 28px;
      line-height: 1.5;
    }

    /* Steps indicator */
    .steps {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 28px;
    }
    .step-dot {
      width: 28px;
      height: 4px;
      border-radius: 2px;
      background: var(--border);
      transition: all 0.4s ease;
    }
    .step-dot.active {
      background: var(--accent);
      width: 44px;
    }
    .step-dot.done {
      background: var(--success);
    }

    /* Form */
    .field {
      margin-bottom: 16px;
    }
    .field label {
      display: block;
      font-size: 12.5px;
      font-weight: 500;
      color: var(--text-2);
      margin-bottom: 7px;
      letter-spacing: 0.2px;
    }

    .input-wrap {
      position: relative;
    }
    .input-icon {
      position: absolute;
      left: 14px;
      top: 50%;
      transform: translateY(-50%);
      color: var(--text-3);
      display: flex;
    }
    .input-icon svg {
      width: 16px;
      height: 16px;
      stroke: currentColor;
      fill: none;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    input[type="text"],
    input[type="email"],
    input[type="password"] {
      width: 100%;
      background: var(--input-bg);
      border: 1px solid var(--border);
      border-radius: 10px;
      color: var(--text-1);
      font-family: 'DM Sans', sans-serif;
      font-size: 14.5px;
      padding: 12px 14px 12px 42px;
      outline: none;
      transition: all 0.2s;
      -webkit-appearance: none;
      pointer-events: auto;
    }
    input:focus {
      background: var(--input-bg-focus);
      border-color: var(--accent);
      box-shadow: 0 0 0 3px var(--accent-glow);
      color: var(--text-1);
    }
    input::placeholder { color: var(--text-3); }

    /* SMS code input renk zorlaması */
    .code-input {
      color: #f0f2f7 !important;
      -webkit-text-fill-color: #f0f2f7 !important;
    }
    .code-input:focus {
      color: #f0f2f7 !important;
      -webkit-text-fill-color: #f0f2f7 !important;
    }
    .code-input.filled {
      color: #3d6aff !important;
      -webkit-text-fill-color: #3d6aff !important;
    }

    /* SMS code input */
    .code-inputs {
      display: flex;
      gap: 10px;
      justify-content: center;
      margin: 8px 0;
    }
    .code-input {
      width: 52px;
      height: 56px;
      background: var(--input-bg);
      border: 1px solid var(--border);
      border-radius: 12px;
      color: var(--text-1);
      font-family: 'Syne', sans-serif;
      font-size: 22px;
      font-weight: 700;
      text-align: center;
      outline: none;
      transition: all 0.2s;
      padding: 0;
      -webkit-appearance: none;
    }
    .code-input:focus {
      background: var(--input-bg-focus);
      border-color: var(--accent);
      box-shadow: 0 0 0 3px var(--accent-glow);
    }
    .code-input.filled {
      background: var(--accent-dim);
      border-color: var(--accent);
      color: var(--accent);
    }

    /* Button */
    .btn {
      width: 100%;
      padding: 13px;
      background: var(--accent);
      color: #fff;
      border: none;
      border-radius: 10px;
      font-family: 'DM Sans', sans-serif;
      font-size: 14.5px;
      font-weight: 500;
      cursor: pointer;
      transition: all 0.2s;
      margin-top: 8px;
      position: relative;
      overflow: hidden;
    }
    .btn:hover { background: #5278ff; transform: translateY(-1px); }
    .btn:active { transform: translateY(0); }
    .btn:disabled { opacity: 0.5; cursor: not-allowed; transform: none; }

    .btn-ghost {
      background: transparent;
      border: 1px solid var(--border);
      color: var(--text-2);
    }
    .btn-ghost:hover { background: var(--input-bg); border-color: var(--border-hover); color: var(--text-1); }

    /* Resend */
    .resend-row {
      text-align: center;
      margin-top: 16px;
      font-size: 13px;
      color: var(--text-2);
    }
    .resend-btn {
      background: none;
      border: none;
      color: var(--accent);
      font-family: 'DM Sans', sans-serif;
      font-size: 13px;
      cursor: pointer;
      padding: 0;
      font-weight: 500;
    }
    .resend-btn:disabled { color: var(--text-3); cursor: not-allowed; }

    .countdown {
      color: var(--text-3);
      font-variant-numeric: tabular-nums;
    }

    /* Phone preview badge */
    .phone-badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: var(--accent-dim);
      border: 1px solid rgba(61,106,255,0.2);
      border-radius: 8px;
      padding: 6px 10px;
      font-size: 13px;
      color: var(--text-1);
      margin-bottom: 20px;
    }
    .phone-badge svg {
      width: 14px;
      height: 14px;
      stroke: var(--accent);
      fill: none;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    /* Alert */
    .alert {
      display: none;
      align-items: center;
      gap: 8px;
      padding: 10px 12px;
      border-radius: 8px;
      font-size: 13px;
      margin-bottom: 14px;
    }
    .alert.error { background: rgba(255,77,106,0.1); border: 1px solid rgba(255,77,106,0.2); color: #ff7a8a; }
    .alert.success { background: rgba(34,201,138,0.1); border: 1px solid rgba(34,201,138,0.2); color: var(--success); }
    .alert.show { display: flex; }

    .divider {
      height: 1px;
      background: var(--border);
      margin: 22px 0;
    }

    /* Panels */
    .panel { display: none; }
    .panel.active { display: block; }

    .footer-note {
      text-align: center;
      font-size: 12px;
      color: var(--text-3);
      margin-top: 20px;
      line-height: 1.6;
    }

    /* Animations */
    @keyframes slideIn {
      from { opacity: 0; transform: translateX(20px); }
      to { opacity: 1; transform: translateX(0); }
    }
    .panel.active { animation: slideIn 0.3s ease; }

    @keyframes spin {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }
    .spinner {
      display: inline-block;
      width: 16px;
      height: 16px;
      border: 2px solid rgba(255,255,255,0.3);
      border-top-color: #fff;
      border-radius: 50%;
      animation: spin 0.7s linear infinite;
      vertical-align: middle;
      margin-right: 6px;
    }

    @keyframes checkIn {
      from { transform: scale(0.5) rotate(-10deg); opacity: 0; }
      to { transform: scale(1) rotate(0); opacity: 1; }
    }
    .check-anim {
      animation: checkIn 0.4s cubic-bezier(0.34,1.56,0.64,1) forwards;
    }
.bgColor646D7E{background-color:#646D7E;}
.bgColor4C787E{background-color:#4C787E;}
.bgColor4C7D7E{background-color:#4C7D7E;}
.bgColor806D7E{background-color:#806D7E;}
.bgColor5E5A80{background-color:#5E5A80;}
.bgColor4E387E{background-color:#4E387E;}
.bgColor151B54{background-color:#151B54;}
.bgColor2B3856{background-color:#2B3856;}
.bgColor25383C{background-color:#25383C;}
.bgColor463E41{background-color:#463E41;}
.bgColor151B8D{background-color:#151B8D;}
.bgColor15317E{background-color:#15317E;}
.bgColor342D7E{background-color:#342D7E;}
.bgColor2B60DE{background-color:#2B60DE;}
.bgColor306EFF{background-color:#306EFF;}
.bgColor2B65EC{background-color:#2B65EC;}
.bgColor2554C7{background-color:#2554C7;}
.bgColor3BB9FF{background-color:#3BB9FF;}
.bgColor38ACEC{background-color:#38ACEC;}
.bgColor357EC7{background-color:#357EC7;}
.bgColor3090C7{background-color:#3090C7;}
.bgColor25587E{background-color:#25587E;}
.bgColor1589FF{background-color:#1589FF;}
.bgColor157DEC{background-color:#157DEC;}
.bgColor1569C7{background-color:#1569C7;}
.bgColor153E7E{background-color:#153E7E;}
.bgColor2B547E{background-color:#2B547E;}
.bgColor4863A0{background-color:#4863A0;}
.bgColor6960EC{background-color:#6960EC;}
.bgColor8D38C9{background-color:#8D38C9;}
.bgColor7A5DC7{background-color:#7A5DC7;}
.bgColor8467D7{background-color:#8467D7;}
.bgColorE4317F{background-color:#E4317F;}
.bgColorF52887{background-color:#F52887;}
.bgColorE4287C{background-color:#E4287C;}
.bgColorC12267{background-color:#C12267;}
.bgColor7D053F{background-color:#7D053F;}
.bgColorCA226B{background-color:#CA226B;}
.bgColorC12869{background-color:#C12869;}
.bgColor800517{background-color:#800517;}
.bgColor7D0541{background-color:#7D0541;}
.bgColor7D0552{background-color:#7D0552;}
.bgColor810541{background-color:#810541;}
.bgColorC12283{background-color:#C12283;}
.bgColorE3319D{background-color:#E3319D;}
.bgColorF535AA{background-color:#F535AA;}
.bgColorFF00FF{background-color:#FF00FF;}
.bgColorF433FF{background-color:#F433FF;}
.bgColorE238EC{background-color:#E238EC;}
.bgColorC031C7{background-color:#C031C7;}
.bgColorB048B5{background-color:#B048B5;}
.bgColorD462FF{background-color:#D462FF;}
.bgColorC45AEC{background-color:#C45AEC;}
.bgColorA74AC7{background-color:#A74AC7;}
.bgColor6A287E{background-color:#6A287E;}
.bgColor8E35EF{background-color:#8E35EF;}
.bgColor893BFF{background-color:#893BFF;}
.bgColor7F38EC{background-color:#7F38EC;}
.bgColor6C2DC7{background-color:#6C2DC7;}
.bgColor461B7E{background-color:#461B7E;}
.bgColor571B7e{background-color:#571B7e;}
.bgColor7D1B7E{background-color:#7D1B7E;}
.bgColor842DCE{background-color:#842DCE;}
.bgColor8B31C7{background-color:#8B31C7;}
.bgColorA23BEC{background-color:#A23BEC;}
.bgColorB041FF{background-color:#B041FF;}
.bgColor7E587E{background-color:#7E587E;}
.bgColorD16587{background-color:#D16587;}
.bgColorF778A1{background-color:#F778A1;}
.bgColorE56E94{background-color:#E56E94;}
.bgColorC25A7C{background-color:#C25A7C;}
.bgColor7E354D{background-color:#7E354D;}
.bgColorB93B8F{background-color:#B93B8F;}
.bgColorF9B7FF{background-color:#F9B7FF;}
.bgColorE6A9EC{background-color:#E6A9EC;}
.bgColorC38EC7{background-color:#C38EC7;}
.bgColorD2B9D3{background-color:#D2B9D3;}
.bgColorC6AEC7{background-color:#C6AEC7;}
.bgColorEBDDE2{background-color:#EBDDE2;}
.bgColorC8BBBE{background-color:#C8BBBE;}
.bgColorE9CFEC{background-color:#E9CFEC;}
.bgColorFCDFFF{background-color:#FCDFFF;}
.bgColorE3E4FA{background-color:#E3E4FA;}
.bgColorFDEEF4{background-color:#FDEEF4;}
.bgColorC6DEFF{background-color:#C6DEFF;}
.bgColorADDFFF{background-color:#ADDFFF;}
.bgColorBDEDFF{background-color:#BDEDFF;}
.bgColorE0FFFF{background-color:#E0FFFF;}
.bgColorC2DFFF{background-color:#C2DFFF;}
.bgColorB4CFEC{background-color:#B4CFEC;}
.bgColorB7CEEC{background-color:#B7CEEC;}
.bgColor52F3FF{background-color:#52F3FF;}
.bgColor00FFFF{background-color:#00FFFF;}
.bgColor57FEFF{background-color:#57FEFF;}
.bgColor50EBEC{background-color:#50EBEC;}
.bgColor4EE2EC{background-color:#4EE2EC;}
.bgColor48CCCD{background-color:#48CCCD;}
.bgColor43C6DB{background-color:#43C6DB;}
.bgColor9AFEFF{background-color:#9AFEFF;}
.bgColor8EEBEC{background-color:#8EEBEC;}
.bgColor78c7c7{background-color:#78c7c7;}
.bgColor46C7C7{background-color:#46C7C7;}
.bgColor43BFC7{background-color:#43BFC7;}
.bgColor77BFC7{background-color:#77BFC7;}
.bgColor92C7C7{background-color:#92C7C7;}
.bgColorAFDCEC{background-color:#AFDCEC;}
.bgColor3B9C9C{background-color:#3B9C9C;}
.bgColor307D7E{background-color:#307D7E;}
.bgColor3EA99F{background-color:#3EA99F;}
.bgColor82CAFA{background-color:#82CAFA;}
.bgColorA0CFEC{background-color:#A0CFEC;}
.bgColor87AFC7{background-color:#87AFC7;}
.bgColor82CAFF{background-color:#82CAFF;}
.bgColor79BAEC{background-color:#79BAEC;}
.bgColor566D7E{background-color:#566D7E;}
.bgColor6698FF{background-color:#6698FF;}
.bgColor736AFF{background-color:#736AFF;}
.bgColorCFECEC{background-color:#CFECEC;}
.bgColorAFC7C7{background-color:#AFC7C7;}
.bgColor717D7D{background-color:#717D7D;}
.bgColor95B9C7{background-color:#95B9C7;}
.bgColor5E767E{background-color:#5E767E;}
.bgColor5E7D7E{background-color:#5E7D7E;}
.bgColor617C58{background-color:#617C58;}
.bgColor348781{background-color:#348781;}
.bgColor306754{background-color:#306754;}
.bgColor4E8975{background-color:#4E8975;}
.bgColor254117{background-color:#254117;}
.bgColor387C44{background-color:#387C44;}
.bgColor4E9258{background-color:#4E9258;}
.bgColor347235{background-color:#347235;}
.bgColor347C2C{background-color:#347C2C;}
.bgColor667C26{background-color:#667C26;}
.bgColor437C17{background-color:#437C17;}
.bgColor347C17{background-color:#347C17;}
.bgColor348017{background-color:#348017;}
.bgColor4AA02C{background-color:#4AA02C;}
.bgColor41A317{background-color:#41A317;}
.bgColor8BB381{background-color:#8BB381;}
.bgColor99C68E{background-color:#99C68E;}
.bgColor4CC417{background-color:#4CC417;}
.bgColor6CC417{background-color:#6CC417;}
.bgColor52D017{background-color:#52D017;}
.bgColor4CC552{background-color:#4CC552;}
.bgColor54C571{background-color:#54C571;}
.bgColor57E964{background-color:#57E964;}
.bgColor5EFB6E{background-color:#5EFB6E;}
.bgColor64E986{background-color:#64E986;}
.bgColor6AFB92{background-color:#6AFB92;}
.bgColorB5EAAA{background-color:#B5EAAA;}
.bgColorC3FDB8{background-color:#C3FDB8;}
.bgColor00FF00{background-color:#00FF00;}
.bgColor87F717{background-color:#87F717;}
.bgColor5FFB17{background-color:#5FFB17;}
.bgColor59E817{background-color:#59E817;}
.bgColor7FE817{background-color:#7FE817;}
.bgColor8AFB17{background-color:#8AFB17;}
.bgColorB1FB17{background-color:#B1FB17;}
.bgColorCCFB5D{background-color:#CCFB5D;}
.bgColorBCE954{background-color:#BCE954;}
.bgColorA0C544{background-color:#A0C544;}
.bgColorFFFF00{background-color:#FFFF00;}
.bgColorFFFC17{background-color:#FFFC17;}
.bgColorFFFF77{background-color:#FFFF77;}
.bgColorFFF380{background-color:#FFF380;}
.bgColorEDE275{background-color:#EDE275;}
.bgColorEDDA74{background-color:#EDDA74;}
.bgColorEAC117{background-color:#EAC117;}
.bgColorFDD017{background-color:#FDD017;}
.bgColorFBB917{background-color:#FBB917;}
.bgColorE9AB17{background-color:#E9AB17;}
.bgColorD4A017{background-color:#D4A017;}
.bgColorC7A317{background-color:#C7A317;}
.bgColorC68E17{background-color:#C68E17;}
.bgColorAF7817{background-color:#AF7817;}
.bgColorADA96E{background-color:#ADA96E;}
.bgColorC9BE62{background-color:#C9BE62;}
.bgColor827839{background-color:#827839;}
.bgColorFBB117{background-color:#FBB117;}
.bgColorE8A317{background-color:#E8A317;}
.bgColorC58917{background-color:#C58917;}
.bgColorF87431{background-color:#F87431;}
.bgColorE66C2C{background-color:#E66C2C;}
.bgColorF88017{background-color:#F88017;}
.bgColorF87217{background-color:#F87217;}
.bgColorE56717{background-color:#E56717;}
.bgColorC35617{background-color:#C35617;}
.bgColorC35817{background-color:#C35817;}
.bgColor8A4117{background-color:#8A4117;}
.bgColor7E3517{background-color:#7E3517;}
.bgColor7E2217{background-color:#7E2217;}
.bgColor7E3117{background-color:#7E3117;}
.bgColor7E3817{background-color:#7E3817;}
.bgColor7F5217{background-color:#7F5217;}
.bgColor806517{background-color:#806517;}
.bgColor805817{background-color:#805817;}
.bgColor7F462C{background-color:#7F462C;}
.bgColorC85A17{background-color:#C85A17;}
.bgColorC34A2C{background-color:#C34A2C;}
.bgColorE55B3C{background-color:#E55B3C;}
.bgColorF76541{background-color:#F76541;}
.bgColorE18B6B{background-color:#E18B6B;}
.bgColorF88158{background-color:#F88158;}
.bgColorE67451{background-color:#E67451;}
.bgColorC36241{background-color:#C36241;}
.bgColorC47451{background-color:#C47451;}
.bgColorE78A61{background-color:#E78A61;}
.bgColorF9966B{background-color:#F9966B;}
.bgColorEE9A4D{background-color:#EE9A4D;}
.bgColorF660AB{background-color:#F660AB;}
.bgColorF665AB{background-color:#F665AB;}
.bgColorE45E9D{background-color:#E45E9D;}
.bgColorC25283{background-color:#C25283;}
.bgColor7D2252{background-color:#7D2252;}
.bgColorE77471{background-color:#E77471;}
.bgColorF75D59{background-color:#F75D59;}
.bgColorE55451{background-color:#E55451;}
.bgColorC24641{background-color:#C24641;}
.bgColorFF0000{background-color:#FF0000;}
.bgColorF62217{background-color:#F62217;}
.bgColorE41B17{background-color:#E41B17;}
.bgColorF62817{background-color:#F62817;}
.bgColorE42217{background-color:#E42217;}
.bgColorC11B17{background-color:#C11B17;}
.bgColorFAAFBE{background-color:#FAAFBE;}
.bgColorFBBBB9{background-color:#FBBBB9;}
.bgColorE8ADAA{background-color:#E8ADAA;}
.bgColorE7A1B0{background-color:#E7A1B0;}
.bgColorFAAFBA{background-color:#FAAFBA;}
.bgColorF9A7B0{background-color:#F9A7B0;}
.bgColorE799A3{background-color:#E799A3;}
.bgColorC48793{background-color:#C48793;}
.bgColorC5908E{background-color:#C5908E;}
.bgColorB38481{background-color:#B38481;}
.bgColorC48189{background-color:#C48189;}
.bgColor7F5A58{background-color:#7F5A58;}
.bgColor7F4E52{background-color:#7F4E52;}
.bgColor7F525D{background-color:#7F525D;}
.bgColor817679{background-color:#817679;}
.bgColor817339{background-color:#817339;}
.bgColor827B60{background-color:#827B60;}
.bgColorC9C299{background-color:#C9C299;}
.bgColorC8B560{background-color:#C8B560;}
.bgColorECD672{background-color:#ECD672;}
.bgColorECD872{background-color:#ECD872;}
.bgColorFFE87C{background-color:#FFE87C;}
.bgColorECE5B6{background-color:#ECE5B6;}
.bgColorFFF8C6{background-color:#FFF8C6;}
.bgColorFAF8CC{background-color:#FAF8CC;}
.bgColorf2f2f2{background-color:#f2f2f2;}
.bgColorf8f8ff{background-color:#f8f8ff;}
.bgColorf5f5f5{background-color:#f5f5f5;}
.bgColordcdcdc{background-color:#dcdcdc;}
.bgColorffffff{background-color:#ffffff;}
.bgColor000000{background-color:#000000;}
.bgColor808080{background-color:#808080;}
.bgColor908f8f{background-color:#908f8f;}
.bgColor666666{background-color:#666666;}
.bgColor5f5f5f{background-color:#5f5f5f;}
.bgColor696969{background-color:#696969;}
.bgColordddddd{background-color:#dddddd;}
.bgColord3d3d3{background-color:#d3d3d3;}
.bgColorbebebe{background-color:#bebebe;}
.bgColor1c1c1c{background-color:#1c1c1c;}
.bgColor363636{background-color:#363636;}
.bgColor4f4f4f{background-color:#4f4f4f;}
.bgColor828282{background-color:#828282;}
.bgColor9c9c9c{background-color:#9c9c9c;}
.bgColorb5b5b5{background-color:#b5b5b5;}
.bgColorcfcfcf{background-color:#cfcfcf;}
.bgColore8e8e8{background-color:#e8e8e8;}
.bgColora9a9a9{background-color:#a9a9a9;}
.bgColor778899{background-color:#778899;}
.bgColor6D7B8D{background-color:#6D7B8D;}
.bgColor708090{background-color:#708090;}
.bgColorDAF2FC{background-color:#DAF2FC;}