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

    body {
      font-family: 'Segoe UI', system-ui, sans-serif;
      background: #060a14;
      min-height: 100vh;
      display: flex;
      align-items: stretch;
    }

    .fb-root {
      display: flex;
      width: 100%;
      min-height: 100vh;
    }

    .fullscreen-btn {
      position: fixed;
      top: 14px; right: 14px;
      z-index: 999;
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(255,255,255,0.12);
      color: #ccc;
      border-radius: 8px;
      width: 34px; height: 34px;
      font-size: 16px;
      cursor: pointer;
      display: flex; align-items: center; justify-content: center;
    }

    /* LEFT */
    .fb-left {
      flex: 1;
      background: linear-gradient(160deg, #050b1a 0%, #0d1b3d 50%, #050b1a 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 60px 40px;
      position: relative;
      overflow: hidden;
    }

    .fb-flame-bg {
      position: absolute;
      inset: 0;
      background: radial-gradient(ellipse 60% 70% at 50% 80%, rgba(29,78,216,0.18) 0%, transparent 70%);
      pointer-events: none;
    }

    .fb-brand { text-align: center; position: relative; z-index: 1; }

    .fb-icon-wrap {
      width: 80px; height: 80px;
      background: #050507;
      border: 1px solid rgba(47,107,255,0.45);
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      margin: 0 auto 24px;
      box-shadow: 0 0 10px 2px rgba(47,107,255,0.65), 0 0 22px 6px rgba(47,107,255,0.35);
      animation: fbLedGlowBig 2.4s ease-in-out infinite;
      overflow: hidden;
    }

    @keyframes fbLedGlowBig {
      0%, 100% { box-shadow: 0 0 10px 2px rgba(47,107,255,0.6), 0 0 22px 6px rgba(47,107,255,0.3); }
      50% { box-shadow: 0 0 16px 5px rgba(90,140,255,0.9), 0 0 30px 10px rgba(90,140,255,0.55); }
    }

    .fb-icon-wrap svg { width: 58px; height: 58px; }

    .fb-logo-name { font-size: 28px; font-weight: 800; color: #fff; line-height: 1.1; margin-bottom: 6px; }
    .fb-logo-sub { font-size: 13px; color: #7c93c9; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 24px; }
    .fb-divider { width: 40px; height: 2px; background: linear-gradient(90deg, transparent, #2563eb, transparent); margin: 0 auto 24px; }
    .fb-tagline { font-size: 15px; color: #5b6f99; max-width: 240px; line-height: 1.6; margin: 0 auto; }

    /* RIGHT */
    .fb-right {
      width: 420px;
      background: #111318;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 48px 40px;
    }

    .fb-form-section { width: 100%; }

    .fb-right-title { font-size: 28px; font-weight: 800; color: #fff; margin-bottom: 6px; }
    .fb-right-hint { font-size: 14px; color: #8b9bb4; margin-bottom: 24px; }

    .fb-label {
      display: block;
      font-size: 12px;
      font-weight: 600;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: #8b9bb4;
      margin-bottom: 6px;
      margin-top: 16px;
    }

    .fb-field {
      width: 100%;
      background: #1c2030;
      border: 1.5px solid #2a3050;
      border-radius: 10px;
      padding: 12px 14px;
      font-size: 14px;
      color: #e8e8e8;
      outline: none;
      transition: border-color 0.2s;
    }

    .fb-field:focus { border-color: #2563eb; }

    .fb-field-wrap { position: relative; }

    .fb-eye {
      position: absolute;
      right: 12px; top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      font-size: 16px;
      user-select: none;
    }

    .fb-forgot {
      text-align: right;
      margin-top: 8px;
    }
    .fb-forgot a { font-size: 12px; color: #8b9bb4; text-decoration: none; }
    .fb-forgot a:hover { color: #2563eb; }

    .fb-error {
      display: none;
      background: rgba(220,50,50,0.1);
      border: 1px solid rgba(220,50,50,0.3);
      color: #f87171;
      font-size: 13px;
      padding: 10px 14px;
      border-radius: 8px;
      margin-top: 14px;
    }

    .fb-btn {
      width: 100%;
      background: #2563eb;
      color: #fff;
      border: none;
      border-radius: 10px;
      padding: 14px;
      font-size: 15px;
      font-weight: 700;
      cursor: pointer;
      transition: background 0.15s;
      margin-top: 20px;
    }

    .fb-btn:hover { background: #1e3a8a; }
    .fb-btn:disabled { opacity: 0.6; cursor: default; }

    .fb-login-link {
      text-align: center;
      font-size: 13px;
      color: #8b9bb4;
      margin-top: 18px;
    }

    .fb-login-link a { color: #2563eb; text-decoration: none; }

    @media (max-width: 700px) {
      .fb-left { display: none; }
      .fb-right { width: 100%; padding: 40px 24px; }
    }