/* === Весь CSS из предыдущей версии остаётся тем же === */
 .container { max-width: 1280px; margin: 0 auto; padding: 0 20px; }

    header {
      position: fixed;
      top: 0; left: 0; right: 0;
      z-index: 1000;
      padding: 20px 0;
      transition: 0.3s;
    }
    header.scrolled {
      background: rgba(255,255,255,0.95);
      backdrop-filter: blur(12px);
      box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    }
    nav {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }
    .logo {
      font-size: 28px;
      font-weight: 700;
      color: white;
    }
    header.scrolled .logo { color: var(--green-800); }
    .nav-links a {
      color: white;
      margin-left: 32px;
      text-decoration: none;
      font-weight: 500;
    }
    header.scrolled .nav-links a { color: var(--gray-900); }

    .hero-content {
      max-width: 700px;
      margin-top: 100px;
    }
    .hero h1 {
      font-size: 62px;
      font-weight: 700;
      margin-bottom: 24px;
    }
    .hero p {
      font-size: 20px;
      margin-bottom: 40px;
      opacity: 0.9;
    }
    .btn-primary {
      background: var(--green-500);
      color: white;
      padding: 14px 32px;
      border-radius: 50px;
      font-weight: 600;
      text-decoration: none;
      display: inline-block;
      transition: 0.3s;
    }
    .btn-primary:hover { background: var(--green-600); transform: translateY(-3px); }

    section { padding: 100px 0; }
    h2 {
      font-size: 48px;
      text-align: center;
      margin-bottom: 60px;
      color: var(--green-900);
    }

    .steps {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px,1fr));
      gap: 40px;
      text-align: center;
    }
    .step {
      background: white;
      padding: 40px 30px;
      border-radius: 24px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    }
    .step-num {
      width: 70px; height: 70px;
      background: var(--green-500);
      color: white;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 32px;
      font-weight: bold;
      margin: 0 auto 24px;
    }

    .stats {
      background: var(--green-900);
      color: white;
      text-align: center;
    }
    .stats-number {
      font-size: 72px;
      font-weight: 700;
    }

    .partners {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
      gap: 30px;
    }
    .partner-card {
      background: white;
      padding: 30px;
      border-radius: 20px;
      text-align: center;
      box-shadow: 0 10px 30px rgba(0,0,0,0.08);
    }

    footer {
      background: var(--green-900);
      color: white;
      text-align: center;
      padding: 60px 20px;
    }

     :root {
      --green-50: #f0fdf4;
      --green-100: #dcfce7;
      --green-500: #22c55e;
      --green-600: #16a34a;
      --green-800: #166534;
      --green-900: #0f3f1c;
      --gray-900: #111827;
    }
    * { margin:0; padding:0; box-sizing:border-box; }
    body {
      font-family: 'Inter', sans-serif;
      background: var(--green-50);
      color: var(--gray-900);
      line-height: 1.6;
    }

    .hero {
      min-height: 100vh;
      background: linear-gradient(rgba(0,0,0,0.45), rgba(0,0,0,0.5)),
                  url('https://images.unsplash.com/photo-1502086223501-7ea6ecd79368?q=80&w=1920') center/cover no-repeat;
      color: white;
      display: flex;
      align-items: center;
      position: relative;
    }


    :root {
      --green-50: #f0fdf4;
      --green-100: #dcfce7;
      --green-500: #22c55e;
      --green-600: #16a34a;
      --green-800: #166534;
      --green-900: #0f3f1c;
      --gray-900: #111827;
    }
    * { margin:0; padding:0; box-sizing:border-box; }
    body { font-family: 'Inter', sans-serif; background: var(--green-50); color: var(--gray-900); min-height: 100vh; }
    .container { max-width: 1280px; margin: 0 auto; padding: 0 20px; }

    header { position: fixed; top:0; left:0; right:0; z-index:1000; padding:20px 0; background:rgba(255,255,255,0.95); backdrop-filter:blur(12px); box-shadow:0 4px 20px rgba(0,0,0,0.08); }
    nav { display:flex; justify-content:space-between; align-items:center; }
    .logo { font-size:28px; font-weight:700; color:var(--green-800); }
    .nav-links a { color:var(--gray-900); margin-left:32px; text-decoration:none; font-weight:500; }

    main { padding-top:120px; padding-bottom:100px; }
    .cabinet-header { text-align:center; margin-bottom:60px; }
    .cabinet-header h1 { font-size:48px; color:var(--green-900); margin-bottom:16px; }
    .cabinet-header p { font-size:20px; color:#555; }

    .balance-card { background:white; max-width:600px; margin:0 auto 60px; padding:40px; border-radius:24px; box-shadow:0 10px 40px rgba(0,0,0,0.1); text-align:center; }
    .balance-label { font-size:18px; color:#666; margin-bottom:12px; }
    .balance-amount { font-size:72px; font-weight:700; color:var(--green-600); }
    .pending { color:#f59e0b; font-size:20px; margin-top:12px; }

    .actions-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:30px; max-width:1000px; margin:0 auto 80px; }
    .action-card { background:white; padding:40px 30px; border-radius:24px; box-shadow:0 10px 30px rgba(0,0,0,0.08); text-align:center; transition:transform 0.3s; }
    .action-card:hover { transform:translateY(-10px); }
    .action-icon { font-size:48px; margin-bottom:20px; }
    .action-card h3 { font-size:24px; margin-bottom:12px; color:var(--green-800); }
    .action-card p { color:#666; margin-bottom:24px; }
    .btn-action { background:var(--green-500); color:white; padding:14px 32px; border:none; border-radius:50px; font-size:18px; font-weight:600; cursor:pointer; transition:0.3s; }
    .btn-action:hover { background:var(--green-600); }

    .qr-section { max-width:600px; margin:0 auto; }
    .qr-card { background:white; padding:40px; border-radius:24px; box-shadow:0 10px 30px rgba(0,0,0,0.08); text-align:center; }
    .qr-card h2 { font-size:32px; color:var(--green-900); margin-bottom:24px; }
    .qr-input { width:100%; padding:16px 20px; font-size:18px; border:2px solid #ddd; border-radius:12px; margin-bottom:24px; }
    .btn-qr { background:var(--green-500); color:white; padding:16px 40px; border:none; border-radius:50px; font-size:18px; font-weight:600; cursor:pointer; }
    .btn-qr:hover { background:var(--green-600); }

    footer { background:var(--green-900); color:white; text-align:center; padding:60px 20px; }