/* Critical CSS will be inlined here in production */
      .sci-fi-bg {
        position: fixed;
        inset: 0;
        z-index: -1;
        background: radial-gradient(circle at 20% 30%, rgba(125, 167, 244, 0.65), transparent 60%),
                   radial-gradient(circle at 75% 70%, rgba(93, 133, 214, 0.12), transparent 60%),
                   linear-gradient(140deg, #090c12, #121620 45%, #1b212c);
        overflow: hidden;
      }
      .glass-card {
        background: rgba(21, 24, 31, 0.86);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
        border: 1px solid rgba(255, 255, 255, 0.06);
        border-radius: 16px;
        box-shadow: 0 18px 32px rgba(4, 7, 12, 0.35);
      }
      .cyber-btn {
        position: relative;
        padding: 0.6rem 1.2rem;
        background: linear-gradient(135deg, #7da7f4, #cbd2ff);
        border: none;
        border-radius: 8px;
        color: #000;
        font-weight: 700;
        font-size: 0.875rem;
        cursor: pointer;
        overflow: hidden;
        transition: all 0.3s ease;
      }
      .cyber-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(125, 167, 244, 0.4);
      }