diff --git a/index.html b/index.html
index bfd3d51..51d7b06 100644
--- a/index.html
+++ b/index.html
@@ -3,1380 +3,1231 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>My Fitness Progress — Персональный AI-трекер тренировок</title>
-  <meta name="description" content="Приложение для отслеживания прогресса в зале. Умная прогрессия нагрузок, анализ тренировок, графики и рекорды.">
+  <title>Нуртас & Аружан — Приглашение на той</title>
+  <meta name="description" content="Приглашение на наш особенный вечер">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600&display=swap" rel="stylesheet">
   <style>
     * { margin: 0; box-sizing: border-box; }
+    
     :root {
-      --bg: #0a0a0a;
-      --bg-card: #141414;
-      --bg-input: #1f1f1f;
-      --text: #ffffff;
-      --text-muted: #a0a0a0;
-      --accent: #00dc82;
-      --accent-hover: #00ff95;
-      --danger: #ff4757;
-      --warning: #ffa502;
-      --border: #2a2a2a;
+      --bg: #0a0f0d;
+      --bg-card: #121a16;
+      --bg-input: #1a2520;
+      --text: #f8f5f0;
+      --text-muted: #a8b5ae;
+      --gold: #c9a962;
+      --gold-light: #e8d5a3;
+      --emerald: #1a4d3e;
+      --cream: #f8f5f0;
+      --border: #2a3a32;
     }
+    
+    html { scroll-behavior: smooth; }
+    
     body {
-      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+      font-family: 'Montserrat', sans-serif;
       background: var(--bg);
       color: var(--text);
       min-height: 100vh;
-      line-height: 1.6;
-    }
-    .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
-    
-    /* Header */
-    header {
-      padding: 20px 0;
-      border-bottom: 1px solid var(--border);
-      position: sticky;
-      top: 0;
-      background: rgba(10, 10, 10, 0.95);
-      backdrop-filter: blur(10px);
-      z-index: 100;
-    }
-    .header-content {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-    }
-    .logo { font-size: 24px; font-weight: 700; color: var(--accent); text-decoration: none; }
-    .nav { display: flex; gap: 30px; }
-    .nav a {
-      color: var(--text-muted);
-      text-decoration: none;
-      font-size: 14px;
-      transition: color 0.2s;
-    }
-    .nav a:hover { color: var(--text); }
-    .cta-btn {
-      background: var(--accent);
-      color: #000;
-      padding: 10px 24px;
-      border-radius: 8px;
-      text-decoration: none;
-      font-weight: 600;
-      transition: background 0.2s;
-    }
-    .cta-btn:hover { background: var(--accent-hover); }
-    
-    /* Hero */
-    .hero {
-      padding: 120px 0;
-      text-align: center;
-      background: radial-gradient(ellipse at center, rgba(0,220,130,0.1) 0%, transparent 70%);
-    }
-    .hero h1 {
-      font-size: clamp(36px, 6vw, 64px);
-      margin-bottom: 20px;
-      background: linear-gradient(135deg, #fff 0%, var(--accent) 100%);
-      -webkit-background-clip: text;
-      -webkit-text-fill-color: transparent;
-    }
-    .hero p {
-      font-size: clamp(18px, 2vw, 22px);
-      color: var(--text-muted);
-      max-width: 600px;
-      margin: 0 auto 40px;
-    }
-    .hero-buttons {
-      display: flex;
-      gap: 16px;
-      justify-content: center;
-      flex-wrap: wrap;
-    }
-    .btn-large {
-      padding: 16px 32px;
-      font-size: 18px;
-      border-radius: 12px;
-    }
-    .btn-secondary {
-      background: var(--bg-input);
-      color: var(--text);
-      border: 1px solid var(--border);
-    }
-    .btn-secondary:hover { background: var(--border); }
-    
-    /* Features */
-    .features { padding: 100px 0; }
-    .section-title {
-      text-align: center;
-      font-size: clamp(28px, 4vw, 40px);
-      margin-bottom: 60px;
-    }
-    .features-grid {
-      display: grid;
-      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-      gap: 30px;
-    }
-    .feature-card {
-      background: var(--bg-card);
-      padding: 40px;
-      border-radius: 16px;
-      border: 1px solid var(--border);
-      transition: transform 0.2s, border-color 0.2s;
-    }
-    .feature-card:hover {
-      transform: translateY(-5px);
-      border-color: var(--accent);
-    }
-    .feature-icon {
-      font-size: 48px;
-      margin-bottom: 20px;
-    }
-    .feature-card h3 {
-      font-size: 22px;
-      margin-bottom: 12px;
-    }
-    .feature-card p {
-      color: var(--text-muted);
       line-height: 1.7;
+      overflow-x: hidden;
     }
     
-    /* How it works */
-    .how-it-works {
-      padding: 100px 0;
-      background: var(--bg-card);
+    h1, h2, h3, h4 {
+      font-family: 'Cormorant Garamond', serif;
+      font-weight: 600;
     }
-    .steps {
-      display: grid;
-      gap: 40px;
-      max-width: 800px;
+    
+    .container {
+      max-width: 1200px;
       margin: 0 auto;
-    }
-    .step {
-      display: flex;
-      gap: 24px;
-      align-items: flex-start;
-    }
-    .step-number {
-      width: 48px;
-      height: 48px;
-      min-width: 48px;
-      background: var(--accent);
-      color: #000;
-      border-radius: 50%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-weight: 700;
-      font-size: 20px;
-    }
-    .step-content h3 { margin-bottom: 8px; }
-    .step-content p { color: var(--text-muted); }
-    
-    /* Demo */
-    .demo { padding: 100px 0; }
-    .demo-content {
-      background: var(--bg-card);
-      border-radius: 16px;
-      border: 1px solid var(--border);
-      overflow: hidden;
-    }
-    .demo-header {
-      background: var(--bg-input);
-      padding: 16px 24px;
-      border-bottom: 1px solid var(--border);
-      display: flex;
-      gap: 8px;
-    }
-    .demo-dot {
-      width: 12px;
-      height: 12px;
-      border-radius: 50%;
-    }
-    .demo-dot.red { background: #ff5f56; }
-    .demo-dot.yellow { background: #ffbd2e; }
-    .demo-dot.green { background: #27c93f; }
-    .demo-body {
-      padding: 40px;
-      min-height: 400px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-    .demo-placeholder {
-      text-align: center;
-      color: var(--text-muted);
-    }
-    .demo-placeholder .icon {
-      font-size: 64px;
-      margin-bottom: 20px;
+      padding: 0 20px;
     }
     
-    /* Testimonials */
-    .testimonials {
-      padding: 100px 0;
-      background: var(--bg-card);
-    }
-    .testimonials-grid {
-      display: grid;
-      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-      gap: 30px;
-    }
-    .testimonial-card {
-      background: var(--bg);
-      padding: 30px;
-      border-radius: 12px;
-      border: 1px solid var(--border);
-    }
-    .testimonial-text {
-      font-size: 16px;
-      line-height: 1.7;
-      margin-bottom: 20px;
-      font-style: italic;
-    }
-    .testimonial-author {
-      display: flex;
-      align-items: center;
-      gap: 12px;
-    }
-    .author-avatar {
-      width: 48px;
-      height: 48px;
-      border-radius: 50%;
-      background: var(--accent);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-weight: 700;
-      color: #000;
-    }
-    .author-name { font-weight: 600; }
-    .author-role { color: var(--text-muted); font-size: 14px; }
-    
-    /* CTA */
-    .cta {
-      padding: 120px 0;
-      text-align: center;
-      background: radial-gradient(ellipse at center, rgba(0,220,130,0.15) 0%, transparent 70%);
-    }
-    .cta h2 {
-      font-size: clamp(32px, 5vw, 48px);
-      margin-bottom: 20px;
-    }
-    .cta p {
-      font-size: 18px;
-      color: var(--text-muted);
-      max-width: 500px;
-      margin: 0 auto 40px;
-    }
-    
-    /* Footer */
-    footer {
-      padding: 60px 0;
-      border-top: 1px solid var(--border);
-      text-align: center;
-      color: var(--text-muted);
-    }
-    .footer-links {
-      display: flex;
-      justify-content: center;
-      gap: 30px;
-      margin-bottom: 30px;
-    }
-    .footer-links a {
-      color: var(--text-muted);
-      text-decoration: none;
-      transition: color 0.2s;
-    }
-    .footer-links a:hover { color: var(--text); }
-    
-    /* App (hidden by default) */
-    .app-container { display: none; }
-    .app-container.active { display: block; }
-    .landing-container { display: block; }
-    .landing-container.hidden { display: none; }
-    
-    /* App styles */
-    .app-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      padding: 20px 0;
-      border-bottom: 1px solid var(--border);
-      margin-bottom: 30px;
-    }
-    .app-nav { display: flex; gap: 20px; }
-    .app-nav button {
-      background: transparent;
-      border: none;
-      color: var(--text-muted);
-      cursor: pointer;
-      padding: 8px 16px;
-      border-radius: 8px;
-      transition: all 0.2s;
-    }
-    .app-nav button.active, .app-nav button:hover {
-      color: var(--text);
-      background: var(--bg-input);
-    }
-    
-    .auth-box {
-      max-width: 400px;
-      margin: 100px auto;
-      background: var(--bg-card);
-      padding: 40px;
-      border-radius: 16px;
-      border: 1px solid var(--border);
-    }
-    .auth-box h2 {
-      text-align: center;
-      margin-bottom: 30px;
-      color: var(--accent);
-    }
-    .form-group { margin-bottom: 20px; }
-    .form-group label {
-      display: block;
-      margin-bottom: 8px;
-      color: var(--text-muted);
-      font-size: 14px;
-    }
-    .form-group input, .form-group select {
-      width: 100%;
-      padding: 12px 16px;
-      background: var(--bg-input);
-      border: 1px solid var(--border);
-      border-radius: 8px;
-      color: var(--text);
-      font-size: 14px;
-    }
-    .form-group input:focus {
-      outline: none;
-      border-color: var(--accent);
-    }
-    .btn {
-      width: 100%;
-      padding: 14px;
-      background: var(--accent);
-      color: #000;
-      border: none;
-      border-radius: 8px;
-      font-weight: 600;
-      cursor: pointer;
-      transition: background 0.2s;
-      font-size: 16px;
-    }
-    .btn:hover { background: var(--accent-hover); }
-    .auth-switch {
-      text-align: center;
-      margin-top: 20px;
-      color: var(--text-muted);
-    }
-    .auth-switch a {
-      color: var(--accent);
-      cursor: pointer;
-    }
-    
-    /* Dashboard */
-    .dashboard { display: none; }
-    .dashboard.active { display: block; }
-    .stats-grid {
-      display: grid;
-      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-      gap: 20px;
-      margin-bottom: 30px;
-    }
-    .stat-card {
-      background: var(--bg-card);
-      padding: 24px;
-      border-radius: 12px;
-      border: 1px solid var(--border);
-    }
-    .stat-card .label { color: var(--text-muted); font-size: 13px; margin-bottom: 8px; }
-    .stat-card .value { font-size: 28px; font-weight: 700; color: var(--accent); }
-    
-    .section { margin-bottom: 40px; }
-    .section-title-small {
-      font-size: 20px;
-      margin-bottom: 20px;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-    }
-    
-    .workout-card {
-      background: var(--bg-card);
-      border-radius: 12px;
-      border: 1px solid var(--border);
-      padding: 24px;
-      margin-bottom: 20px;
-    }
-    .exercise-item {
-      background: var(--bg-input);
-      padding: 16px;
-      border-radius: 8px;
-      margin-bottom: 12px;
-    }
-    .exercise-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      margin-bottom: 12px;
-    }
-    .sets-container { display: grid; gap: 8px; }
-    .set-row {
-      display: grid;
-      grid-template-columns: 40px 1fr 1fr 60px auto;
-      gap: 8px;
-      align-items: center;
-    }
-    .set-row input {
-      padding: 8px;
-      background: var(--bg);
-      border: 1px solid var(--border);
-      border-radius: 6px;
-      color: var(--text);
-      text-align: center;
-    }
-    .set-check {
-      width: 24px;
-      height: 24px;
-      accent-color: var(--accent);
-      cursor: pointer;
-    }
-    
-    .btn-small {
-      padding: 8px 16px;
-      font-size: 14px;
-      width: auto;
-    }
-    
-    /* Modal */
-    .modal {
-      display: none;
-      position: fixed;
-      top: 0; left: 0; right: 0; bottom: 0;
-      background: rgba(0,0,0,0.8);
-      z-index: 1000;
-      align-items: center;
-      justify-content: center;
-    }
-    .modal.on { display: flex; }
-    .modal-content {
-      background: var(--bg-card);
-      border-radius: 16px;
-      padding: 30px;
-      max-width: 600px;
-      width: 90%;
-      max-height: 90vh;
-      overflow-y: auto;
-    }
-    .modal-header {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      margin-bottom: 20px;
-    }
-    .close-modal {
-      background: transparent;
-      border: none;
-      color: var(--text-muted);
-      cursor: pointer;
-      font-size: 24px;
-    }
-    
-    /* Notification */
-    .notification {
+    /* Music Toggle */
+    .music-toggle {
       position: fixed;
       top: 20px;
       right: 20px;
-      background: var(--accent);
-      color: #000;
-      padding: 16px 24px;
-      border-radius: 12px;
-      font-weight: 600;
-      z-index: 2000;
-      animation: slideIn 0.3s ease;
+      width: 50px;
+      height: 50px;
+      background: rgba(10, 15, 13, 0.8);
+      border: 1px solid var(--gold);
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+      z-index: 1000;
+      transition: all 0.3s;
+      backdrop-filter: blur(10px);
     }
-    @keyframes slideIn {
-      from { transform: translateX(100%); opacity: 0; }
-      to { transform: translateX(0); opacity: 1; }
+    .music-toggle:hover {
+      background: var(--gold);
+      color: var(--bg);
+    }
+    .music-toggle svg {
+      width: 24px;
+      height: 24px;
+      fill: var(--gold);
+    }
+    .music-toggle:hover svg {
+      fill: var(--bg);
+    }
+    .music-playing {
+      animation: pulse 2s infinite;
+    }
+    @keyframes pulse {
+      0%, 100% { transform: scale(1); }
+      50% { transform: scale(1.05); }
     }
     
+    /* Hero Section */
+    .hero {
+      height: 100vh;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+      position: relative;
+      background: linear-gradient(135deg, rgba(10,15,13,0.9) 0%, rgba(26,77,62,0.8) 100%),
+                  url('https://images.unsplash.com/photo-1519741497674-611481863552?w=1920') center/cover;
+      overflow: hidden;
+    }
+    .hero::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c9a962' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
+      opacity: 0.5;
+    }
+    .hero-content {
+      position: relative;
+      z-index: 2;
+      padding: 40px;
+      animation: fadeInUp 1.5s ease;
+    }
+    .ornament-top, .ornament-bottom {
+      width: 200px;
+      height: 40px;
+      margin: 0 auto 30px;
+      background: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M100 0 L120 10 L140 5 L130 20 L150 25 L130 30 L140 40 L120 35 L100 40 L80 35 L60 40 L70 30 L50 25 L70 20 L60 5 L80 10 Z' fill='%23c9a962' opacity='0.6'/%3E%3C/svg%3E") center/contain no-repeat;
+    }
+    .hero h1 {
+      font-size: clamp(48px, 8vw, 96px);
+      margin-bottom: 10px;
+      background: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 50%, var(--gold) 100%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+      letter-spacing: 2px;
+    }
+    .hero-subtitle {
+      font-size: clamp(14px, 2vw, 18px);
+      color: var(--text-muted);
+      text-transform: uppercase;
+      letter-spacing: 4px;
+      margin-bottom: 40px;
+    }
+    .hero-event {
+      font-size: clamp(24px, 4vw, 48px);
+      color: var(--cream);
+      margin-bottom: 30px;
+      font-weight: 500;
+    }
+    .hero-details {
+      display: flex;
+      gap: 40px;
+      justify-content: center;
+      flex-wrap: wrap;
+      margin-bottom: 50px;
+    }
+    .hero-detail {
+      text-align: center;
+    }
+    .hero-detail .label {
+      font-size: 12px;
+      color: var(--gold);
+      text-transform: uppercase;
+      letter-spacing: 2px;
+      margin-bottom: 8px;
+    }
+    .hero-detail .value {
+      font-size: clamp(20px, 3vw, 32px);
+      font-family: 'Cormorant Garamond', serif;
+    }
+    .btn-hero {
+      padding: 18px 48px;
+      background: transparent;
+      border: 1px solid var(--gold);
+      color: var(--gold);
+      font-size: 14px;
+      text-transform: uppercase;
+      letter-spacing: 3px;
+      cursor: pointer;
+      transition: all 0.4s;
+      font-family: 'Montserrat', sans-serif;
+    }
+    .btn-hero:hover {
+      background: var(--gold);
+      color: var(--bg);
+      transform: translateY(-3px);
+      box-shadow: 0 10px 30px rgba(201, 169, 98, 0.3);
+    }
+    
+    /* Sections */
+    section {
+      padding: 100px 0;
+      position: relative;
+    }
+    .section-title {
+      font-size: clamp(36px, 5vw, 56px);
+      text-align: center;
+      margin-bottom: 60px;
+      color: var(--gold);
+    }
+    
+    /* Invitation */
+    .invitation {
+      background: var(--bg-card);
+      text-align: center;
+    }
+    .invitation-text {
+      max-width: 700px;
+      margin: 0 auto;
+      font-size: clamp(16px, 2vw, 20px);
+      line-height: 2;
+      color: var(--text-muted);
+    }
+    .invitation-text p {
+      margin-bottom: 30px;
+    }
+    .invitation-signature {
+      font-family: 'Cormorant Garamond', serif;
+      font-size: clamp(28px, 4vw, 40px);
+      color: var(--gold);
+      margin-top: 40px;
+      font-style: italic;
+    }
+    
+    /* Event Info Card */
+    .event-info {
+      background: linear-gradient(135deg, var(--emerald) 0%, var(--bg) 100%);
+    }
+    .info-card {
+      max-width: 600px;
+      margin: 0 auto;
+      background: rgba(18, 26, 22, 0.8);
+      border: 1px solid var(--gold);
+      border-radius: 4px;
+      padding: 50px 40px;
+      text-align: center;
+      backdrop-filter: blur(10px);
+    }
+    .info-card h3 {
+      font-size: clamp(28px, 4vw, 40px);
+      margin-bottom: 40px;
+      color: var(--gold);
+    }
+    .info-item {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 16px;
+      margin-bottom: 24px;
+      font-size: clamp(16px, 2vw, 18px);
+    }
+    .info-item .icon {
+      font-size: 24px;
+      color: var(--gold);
+    }
+    .btn-map {
+      margin-top: 30px;
+      padding: 16px 32px;
+      background: var(--gold);
+      color: var(--bg);
+      border: none;
+      font-size: 14px;
+      text-transform: uppercase;
+      letter-spacing: 2px;
+      cursor: pointer;
+      transition: all 0.3s;
+      font-family: 'Montserrat', sans-serif;
+    }
+    .btn-map:hover {
+      background: var(--gold-light);
+      transform: translateY(-2px);
+    }
+    
+    /* Countdown */
+    .countdown-section {
+      background: var(--bg-card);
+      text-align: center;
+    }
+    .countdown-label {
+      font-size: clamp(18px, 2vw, 24px);
+      color: var(--text-muted);
+      margin-bottom: 40px;
+      text-transform: uppercase;
+      letter-spacing: 3px;
+    }
+    .countdown {
+      display: flex;
+      justify-content: center;
+      gap: clamp(10px, 3vw, 30px);
+      flex-wrap: wrap;
+    }
+    .countdown-item {
+      background: var(--bg-input);
+      border: 1px solid var(--border);
+      border-radius: 4px;
+      padding: clamp(20px, 4vw, 40px) clamp(15px, 3vw, 30px);
+      min-width: 100px;
+    }
+    .countdown-value {
+      font-family: 'Cormorant Garamond', serif;
+      font-size: clamp(48px, 8vw, 80px);
+      color: var(--gold);
+      line-height: 1;
+      display: block;
+    }
+    .countdown-label-small {
+      font-size: 12px;
+      text-transform: uppercase;
+      letter-spacing: 2px;
+      color: var(--text-muted);
+      margin-top: 10px;
+      display: block;
+    }
+    .countdown-message {
+      font-size: clamp(24px, 4vw, 36px);
+      color: var(--gold);
+      font-family: 'Cormorant Garamond', serif;
+      display: none;
+    }
+    
+    /* Program */
+    .program {
+      background: var(--bg);
+    }
+    .timeline {
+      max-width: 800px;
+      margin: 0 auto;
+      position: relative;
+    }
+    .timeline::before {
+      content: '';
+      position: absolute;
+      left: 50%;
+      transform: translateX(-50%);
+      width: 2px;
+      height: 100%;
+      background: linear-gradient(to bottom, var(--gold), var(--emerald), var(--gold));
+    }
+    .timeline-item {
+      display: flex;
+      justify-content: flex-end;
+      padding: 30px 0;
+      position: relative;
+      width: 50%;
+    }
+    .timeline-item:nth-child(even) {
+      justify-content: flex-start;
+      margin-left: 50%;
+    }
+    .timeline-item::before {
+      content: '';
+      position: absolute;
+      width: 16px;
+      height: 16px;
+      background: var(--gold);
+      border-radius: 50%;
+      top: 50%;
+      transform: translateY(-50%);
+    }
+    .timeline-item:nth-child(odd)::before {
+      right: -8px;
+    }
+    .timeline-item:nth-child(even)::before {
+      left: -8px;
+    }
+    .timeline-content {
+      background: var(--bg-card);
+      border: 1px solid var(--border);
+      padding: 25px 30px;
+      border-radius: 4px;
+      max-width: 350px;
+      margin: 0 30px;
+    }
+    .timeline-time {
+      font-size: 24px;
+      color: var(--gold);
+      font-family: 'Cormorant Garamond', serif;
+      margin-bottom: 8px;
+    }
+    .timeline-text {
+      color: var(--text-muted);
+      font-size: 16px;
+    }
+    
+    /* Venue */
+    .venue {
+      background: var(--bg-card);
+    }
+    .venue-content {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 60px;
+      align-items: center;
+    }
+    .venue-image {
+      width: 100%;
+      height: 500px;
+      object-fit: cover;
+      border-radius: 4px;
+      border: 1px solid var(--gold);
+    }
+    .venue-info h3 {
+      font-size: clamp(32px, 4vw, 48px);
+      color: var(--gold);
+      margin-bottom: 30px;
+    }
+    .venue-info p {
+      color: var(--text-muted);
+      font-size: 18px;
+      margin-bottom: 30px;
+    }
+    .venue-buttons {
+      display: flex;
+      gap: 15px;
+      flex-wrap: wrap;
+    }
+    .btn-venue {
+      padding: 14px 28px;
+      background: transparent;
+      border: 1px solid var(--gold);
+      color: var(--gold);
+      font-size: 13px;
+      text-transform: uppercase;
+      letter-spacing: 2px;
+      cursor: pointer;
+      transition: all 0.3s;
+      font-family: 'Montserrat', sans-serif;
+      text-decoration: none;
+      display: inline-block;
+    }
+    .btn-venue:hover {
+      background: var(--gold);
+      color: var(--bg);
+    }
+    
+    /* Dress Code */
+    .dresscode {
+      background: var(--bg);
+      text-align: center;
+    }
+    .dresscode-text {
+      max-width: 600px;
+      margin: 0 auto 50px;
+      font-size: clamp(16px, 2vw, 20px);
+      color: var(--text-muted);
+    }
+    .color-palette {
+      display: flex;
+      justify-content: center;
+      gap: 30px;
+      flex-wrap: wrap;
+    }
+    .color-item {
+      text-align: center;
+    }
+    .color-circle {
+      width: 80px;
+      height: 80px;
+      border-radius: 50%;
+      margin-bottom: 15px;
+      border: 2px solid var(--gold);
+    }
+    .color-circle.white { background: #f8f5f0; }
+    .color-circle.black { background: #1a1a1a; }
+    .color-circle.gold { background: linear-gradient(135deg, #c9a962, #e8d5a3); }
+    .color-circle emerald { background: #1a4d3e; }
+    .color-name {
+      color: var(--gold);
+      font-size: 14px;
+      text-transform: uppercase;
+      letter-spacing: 2px;
+    }
+    
+    /* Gallery */
+    .gallery {
+      background: var(--bg-card);
+    }
+    .gallery-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+      gap: 20px;
+    }
+    .gallery-item {
+      position: relative;
+      overflow: hidden;
+      border-radius: 4px;
+      cursor: pointer;
+      aspect-ratio: 1;
+    }
+    .gallery-item img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+      transition: transform 0.5s;
+    }
+    .gallery-item:hover img {
+      transform: scale(1.1);
+    }
+    
+    /* RSVP */
+    .rsvp {
+      background: linear-gradient(135deg, var(--emerald) 0%, var(--bg) 100%);
+    }
+    .rsvp-form {
+      max-width: 600px;
+      margin: 0 auto;
+      background: rgba(18, 26, 22, 0.9);
+      border: 1px solid var(--gold);
+      padding: 50px 40px;
+      border-radius: 4px;
+      backdrop-filter: blur(10px);
+    }
+    .form-group {
+      margin-bottom: 30px;
+    }
+    .form-group label {
+      display: block;
+      margin-bottom: 12px;
+      color: var(--gold);
+      font-size: 14px;
+      text-transform: uppercase;
+      letter-spacing: 2px;
+    }
+    .form-group input,
+    .form-group select,
+    .form-group textarea {
+      width: 100%;
+      padding: 16px;
+      background: var(--bg-input);
+      border: 1px solid var(--border);
+      color: var(--text);
+      font-family: 'Montserrat', sans-serif;
+      font-size: 16px;
+      border-radius: 4px;
+    }
+    .form-group input:focus,
+    .form-group select:focus,
+    .form-group textarea:focus {
+      outline: none;
+      border-color: var(--gold);
+    }
+    .form-group textarea {
+      resize: vertical;
+      min-height: 120px;
+    }
+    .radio-group {
+      display: flex;
+      gap: 30px;
+      flex-wrap: wrap;
+    }
+    .radio-option {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      cursor: pointer;
+    }
+    .radio-option input {
+      width: auto;
+      accent-color: var(--gold);
+    }
+    .guest-counter {
+      display: flex;
+      align-items: center;
+      gap: 20px;
+    }
+    .counter-btn {
+      width: 40px;
+      height: 40px;
+      background: var(--bg-input);
+      border: 1px solid var(--gold);
+      color: var(--gold);
+      font-size: 20px;
+      cursor: pointer;
+      transition: all 0.3s;
+    }
+    .counter-btn:hover {
+      background: var(--gold);
+      color: var(--bg);
+    }
+    .counter-value {
+      font-size: 24px;
+      color: var(--gold);
+      min-width: 40px;
+      text-align: center;
+    }
+    .btn-submit {
+      width: 100%;
+      padding: 18px;
+      background: var(--gold);
+      color: var(--bg);
+      border: none;
+      font-size: 14px;
+      text-transform: uppercase;
+      letter-spacing: 3px;
+      cursor: pointer;
+      transition: all 0.3s;
+      font-family: 'Montserrat', sans-serif;
+    }
+    .btn-submit:hover {
+      background: var(--gold-light);
+      transform: translateY(-2px);
+    }
+    .success-message {
+      text-align: center;
+      padding: 50px;
+      display: none;
+    }
+    .success-message h3 {
+      font-size: 32px;
+      color: var(--gold);
+      margin-bottom: 20px;
+    }
+    .success-message p {
+      color: var(--text-muted);
+      font-size: 18px;
+    }
+    
+    /* Final */
+    .final {
+      background: var(--bg-card);
+      text-align: center;
+      padding: 150px 0;
+    }
+    .final h2 {
+      font-size: clamp(36px, 5vw, 64px);
+      color: var(--gold);
+      margin-bottom: 30px;
+    }
+    .final-names {
+      font-size: clamp(48px, 8vw, 96px);
+      background: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+      margin-bottom: 30px;
+    }
+    .final-heart {
+      font-size: 48px;
+      color: #e74c3c;
+      animation: heartbeat 1.5s infinite;
+    }
+    @keyframes heartbeat {
+      0%, 100% { transform: scale(1); }
+      50% { transform: scale(1.2); }
+    }
+    
+    /* Share Button */
+    .share-btn {
+      position: fixed;
+      bottom: 30px;
+      right: 30px;
+      width: 60px;
+      height: 60px;
+      background: var(--gold);
+      border: none;
+      border-radius: 50%;
+      cursor: pointer;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      z-index: 1000;
+      transition: all 0.3s;
+      box-shadow: 0 10px 30px rgba(201, 169, 98, 0.3);
+    }
+    .share-btn:hover {
+      transform: scale(1.1);
+    }
+    .share-btn svg {
+      width: 24px;
+      height: 24px;
+      fill: var(--bg);
+    }
+    
+    /* Animations */
+    @keyframes fadeInUp {
+      from {
+        opacity: 0;
+        transform: translateY(40px);
+      }
+      to {
+        opacity: 1;
+        transform: translateY(0);
+      }
+    }
+    
+    .fade-in {
+      opacity: 0;
+      transform: translateY(30px);
+      transition: all 0.8s ease;
+    }
+    .fade-in.visible {
+      opacity: 1;
+      transform: translateY(0);
+    }
+    
+    /* Mobile */
     @media (max-width: 768px) {
-      .nav { display: none; }
-      .hero { padding: 60px 0; }
-      .features { padding: 60px 0; }
-      .set-row { grid-template-columns: 30px 1fr 1fr 50px; }
+      .timeline::before {
+        left: 20px;
+      }
+      .timeline-item,
+      .timeline-item:nth-child(even) {
+        width: 100%;
+        margin-left: 0;
+        justify-content: flex-start;
+        padding-left: 50px;
+      }
+      .timeline-item::before,
+      .timeline-item:nth-child(even)::before {
+        left: 12px;
+        right: auto;
+      }
+      .timeline-content,
+      .timeline-item:nth-child(even) .timeline-content {
+        margin: 0;
+        max-width: 100%;
+      }
+      .venue-content {
+        grid-template-columns: 1fr;
+      }
+      .venue-image {
+        height: 300px;
+      }
+      .music-toggle {
+        width: 45px;
+        height: 45px;
+        top: 15px;
+        right: 15px;
+      }
+      .share-btn {
+        width: 50px;
+        height: 50px;
+        bottom: 20px;
+        right: 20px;
+      }
+    }
+    
+    /* Hidden initial content */
+    .main-content {
+      display: none;
+    }
+    .main-content.visible {
+      display: block;
     }
   </style>
 </head>
 <body>
-  <!-- Landing Page -->
-  <div class="landing-container" id="landingPage">
-    <header>
-      <div class="container header-content">
-        <a href="#" class="logo">💪 MFP</a>
-        <nav class="nav">
-          <a href="#features">Возможности</a>
-          <a href="#how">Как работает</a>
-          <a href="#demo">Демо</a>
-          <a href="#reviews">Отзывы</a>
-        </nav>
-        <a href="#" class="cta-btn" onclick="openApp()">Открыть приложение</a>
-      </div>
-    </header>
+  <!-- Music Toggle -->
+  <button class="music-toggle" id="musicToggle" title="Включить музыку">
+    <svg viewBox="0 0 24 24"><path d="M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z"/></svg>
+  </button>
+  <audio id="bgMusic" loop>
+    <source src="https://cdn.pixabay.com/download/audio/2022/10/25/audio_24a29c5e6d.mp3" type="audio/mp3">
+  </audio>
 
-    <section class="hero">
+  <!-- Hero Section -->
+  <section class="hero" id="hero">
+    <div class="hero-content">
+      <div class="ornament-top"></div>
+      <h1 id="heroNames">Aliya & Erlan</h1>
+      <p class="hero-subtitle">Приглашение на наш особенный вечер</p>
+      <h2 class="hero-event" id="heroEvent">Toy Kesh</h2>
+      <div class="hero-details">
+        <div class="hero-detail">
+          <div class="label">Дата</div>
+          <div class="value" id="heroDate">25.08.2025</div>
+        </div>
+        <div class="hero-detail">
+          <div class="label">Время</div>
+          <div class="value" id="heroTime">18:00</div>
+        </div>
+      </div>
+      <button class="btn-hero" id="openInvitation">Открыть приглашение</button>
+      <div class="ornament-bottom"></div>
+    </div>
+  </section>
+
+  <!-- Main Content -->
+  <div class="main-content" id="mainContent">
+    <!-- Invitation -->
+    <section class="invitation">
       <div class="container">
-        <h1>Твой персональный<br>AI-трекер тренировок</h1>
-        <p>Загружай программу, отслеживай прогресс, получай умные рекомендации по весам. Всё в одном месте.</p>
-        <div class="hero-buttons">
-          <a href="#" class="cta-btn btn-large" onclick="openApp()">Начать бесплатно</a>
-          <a href="#how" class="cta-btn btn-secondary btn-large">Узнать больше</a>
+        <h2 class="section-title fade-in">Дорогие родные и друзья!</h2>
+        <div class="invitation-text fade-in">
+          <p id="invitationText1">С большой радостью приглашаем вас разделить с нами этот особенный день и стать частью нашего праздника.</p>
+          <p id="invitationText2">Ваши улыбки, тёплые слова и поддержка делают этот момент ещё более значимым для нас.</p>
+          <p id="invitationText3">Будем счастливы видеть вас среди дорогих нам людей!</p>
+        </div>
+        <div class="invitation-signature fade-in" id="invitationSignature">С любовью, Aliya & Erlan</div>
+      </div>
+    </section>
+
+    <!-- Event Info -->
+    <section class="event-info">
+      <div class="container">
+        <div class="info-card fade-in">
+          <h3 id="infoTitle">Toy Kesh</h3>
+          <div class="info-item">
+            <span class="icon">📅</span>
+            <span id="infoDate">25 Августа 2025</span>
+          </div>
+          <div class="info-item">
+            <span class="icon">🕐</span>
+            <span id="infoTime">18:00</span>
+          </div>
+          <div class="info-item">
+            <span class="icon">📍</span>
+            <span id="infoVenue">Grand Park Hotel</span>
+          </div>
+          <div class="info-item">
+            <span class="icon">🏠</span>
+            <span id="infoAddress">пр. Абая 123, Алматы</span>
+          </div>
+          <button class="btn-map" id="btnMap">Построить маршрут</button>
         </div>
       </div>
     </section>
 
-    <section class="features" id="features">
+    <!-- Countdown -->
+    <section class="countdown-section">
       <div class="container">
-        <h2 class="section-title">Всё для прогресса</h2>
-        <div class="features-grid">
-          <div class="feature-card">
-            <div class="feature-icon">📁</div>
-            <h3>Загрузка программы</h3>
-            <p>Импортируй свою программу тренировок из текста, Excel или создай вручную. Приложение распознает упражнения и подходы.</p>
+        <div class="countdown-label fade-in">До начала праздника</div>
+        <div class="countdown fade-in">
+          <div class="countdown-item">
+            <span class="countdown-value" id="cdDays">00</span>
+            <span class="countdown-label-small">Дней</span>
           </div>
-          <div class="feature-card">
-            <div class="feature-icon">📈</div>
-            <h3>Умная прогрессия</h3>
-            <p>Система анализирует выполнение и автоматически предлагает увеличить вес на 2.5–5 кг когда ты готов.</p>
+          <div class="countdown-item">
+            <span class="countdown-value" id="cdHours">00</span>
+            <span class="countdown-label-small">Часов</span>
           </div>
-          <div class="feature-card">
-            <div class="feature-icon">🤖</div>
-            <h3>AI Coach</h3>
-            <p>Персональный тренер отвечает на вопросы: почему нет прогресса, какой вес поставить, где плато.</p>
+          <div class="countdown-item">
+            <span class="countdown-value" id="cdMinutes">00</span>
+            <span class="countdown-label-small">Минут</span>
           </div>
-          <div class="feature-card">
-            <div class="feature-icon">📊</div>
-            <h3>Графики прогресса</h3>
-            <p>Визуализируй рост весов, количества повторений и общего объёма тренировок. Смотри динамику по месяцам.</p>
-          </div>
-          <div class="feature-card">
-            <div class="feature-icon">🏆</div>
-            <h3>Личные рекорды</h3>
-            <p>Приложение автоматически отслеживает PR и поздравляет с новыми достижениями.</p>
-          </div>
-          <div class="feature-card">
-            <div class="feature-icon">📱</div>
-            <h3>Telegram-бот</h3>
-            <p>Получай напоминания о тренировках и быстро записывай результаты прямо в мессенджере.</p>
+          <div class="countdown-item">
+            <span class="countdown-value" id="cdSeconds">00</span>
+            <span class="countdown-label-small">Секунд</span>
           </div>
         </div>
+        <div class="countdown-message" id="countdownMessage">
+          ❤️ Сегодня наш особенный день ❤️
+        </div>
       </div>
     </section>
 
-    <section class="how-it-works" id="how">
+    <!-- Program -->
+    <section class="program">
       <div class="container">
-        <h2 class="section-title">Как это работает</h2>
-        <div class="steps">
-          <div class="step">
-            <div class="step-number">1</div>
-            <div class="step-content">
-              <h3>Регистрация</h3>
-              <p>Создай аккаунт за 30 секунд. Все данные хранятся локально в браузере.</p>
+        <h2 class="section-title fade-in">Программа вечера</h2>
+        <div class="timeline">
+          <div class="timeline-item fade-in">
+            <div class="timeline-content">
+              <div class="timeline-time">18:00</div>
+              <div class="timeline-text">Сбор гостей</div>
             </div>
           </div>
-          <div class="step">
-            <div class="step-number">2</div>
-            <div class="step-content">
-              <h3>Настрой профиль</h3>
-              <p>Укажи рост, вес, цель тренировок и уровень подготовки для персонализации рекомендаций.</p>
+          <div class="timeline-item fade-in">
+            <div class="timeline-content">
+              <div class="timeline-time">18:30</div>
+              <div class="timeline-text">Начало мероприятия</div>
             </div>
           </div>
-          <div class="step">
-            <div class="step-number">3</div>
-            <div class="step-content">
-              <h3>Загрузи программу</h3>
-              <p>Вставь текст программы или создай вручную. Приложение распознает упражнения.</p>
+          <div class="timeline-item fade-in">
+            <div class="timeline-content">
+              <div class="timeline-time">19:00</div>
+              <div class="timeline-text">Торжественная часть</div>
             </div>
           </div>
-          <div class="step">
-            <div class="step-number">4</div>
-            <div class="step-content">
-              <h3>Тренируйся</h3>
-              <p>Отмечай выполненные подходы, записывай фактический вес и повторения.</p>
+          <div class="timeline-item fade-in">
+            <div class="timeline-content">
+              <div class="timeline-time">20:00</div>
+              <div class="timeline-text">Праздничный ужин</div>
             </div>
           </div>
-          <div class="step">
-            <div class="step-number">5</div>
-            <div class="step-content">
-              <h3>Получай рекомендации</h3>
-              <p>AI анализирует выполнение и предлагает оптимальную нагрузку на следующую тренировку.</p>
+          <div class="timeline-item fade-in">
+            <div class="timeline-content">
+              <div class="timeline-time">21:00</div>
+              <div class="timeline-text">Музыка и танцы</div>
+            </div>
+          </div>
+          <div class="timeline-item fade-in">
+            <div class="timeline-content">
+              <div class="timeline-time">23:00</div>
+              <div class="timeline-text">Завершение вечера</div>
             </div>
           </div>
         </div>
       </div>
     </section>
 
-    <section class="demo" id="demo">
+    <!-- Venue -->
+    <section class="venue">
       <div class="container">
-        <h2 class="section-title">Интерфейс приложения</h2>
-        <div class="demo-content">
-          <div class="demo-header">
-            <div class="demo-dot red"></div>
-            <div class="demo-dot yellow"></div>
-            <div class="demo-dot green"></div>
-          </div>
-          <div class="demo-body">
-            <div class="demo-placeholder">
-              <div class="icon">💻</div>
-              <p>Нажми «Открыть приложение» чтобы попробовать</p>
+        <div class="venue-content">
+          <img src="https://images.unsplash.com/photo-1517248135467-4c7edcad34c4?w=800" alt="Ресторан" class="venue-image fade-in" id="venueImage">
+          <div class="venue-info fade-in">
+            <h3 id="venueName">Grand Park Hotel</h3>
+            <p id="venueDescription">Изысканный ресторан в центре города с панорамным видом и европейской кухней. Идеальное место для вашего праздника.</p>
+            <p id="venueAddress">📍 пр. Абая 123, Алматы</p>
+            <div class="venue-buttons">
+              <a href="#" class="btn-venue" id="btn2gis">2GIS</a>
+              <a href="#" class="btn-venue" id="btnGoogle">Google Maps</a>
+              <a href="#" class="btn-venue" id="btnYandex">Яндекс Карты</a>
             </div>
           </div>
         </div>
       </div>
     </section>
 
-    <section class="testimonials" id="reviews">
+    <!-- Dress Code -->
+    <section class="dresscode">
       <div class="container">
-        <h2 class="section-title">Отзывы</h2>
-        <div class="testimonials-grid">
-          <div class="testimonial-card">
-            <p class="testimonial-text">«Наконец-то перестал хаотично тренироваться! Приложение само говорит какой вес ставить. Жим вырос с 60 до 80 кг за 2 месяца.»</p>
-            <div class="testimonial-author">
-              <div class="author-avatar">А</div>
-              <div>
-                <div class="author-name">Алексей К.</div>
-                <div class="author-role">Новичок, 6 месяцев</div>
+        <h2 class="section-title fade-in">Dress Code</h2>
+        <p class="dresscode-text fade-in" id="dresscodeText">Будем рады видеть вас в праздничных и элегантных образах.</p>
+        <div class="color-palette fade-in">
+          <div class="color-item">
+            <div class="color-circle white"></div>
+            <div class="color-name">Белый</div>
+          </div>
+          <div class="color-item">
+            <div class="color-circle black"></div>
+            <div class="color-name">Чёрный</div>
+          </div>
+          <div class="color-item">
+            <div class="color-circle gold"></div>
+            <div class="color-name">Золотой</div>
+          </div>
+          <div class="color-item">
+            <div class="color-circle emerald" style="background: #1a4d3e;"></div>
+            <div class="color-name">Изумруд</div>
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- Gallery -->
+    <section class="gallery">
+      <div class="container">
+        <h2 class="section-title fade-in">Наши моменты</h2>
+        <div class="gallery-grid">
+          <div class="gallery-item fade-in">
+            <img src="https://images.unsplash.com/photo-1511285560982-1356c11d4606?w=600" alt="Фото 1">
+          </div>
+          <div class="gallery-item fade-in">
+            <img src="https://images.unsplash.com/photo-1519741497674-611481863552?w=600" alt="Фото 2">
+          </div>
+          <div class="gallery-item fade-in">
+            <img src="https://images.unsplash.com/photo-1515934751635-c81c6bc9a2d8?w=600" alt="Фото 3">
+          </div>
+          <div class="gallery-item fade-in">
+            <img src="https://images.unsplash.com/photo-1469334031218-e382a71b716b?w=600" alt="Фото 4">
+          </div>
+          <div class="gallery-item fade-in">
+            <img src="https://images.unsplash.com/photo-1522673607200-1645062cd958?w=600" alt="Фото 5">
+          </div>
+          <div class="gallery-item fade-in">
+            <img src="https://images.unsplash.com/photo-1519225448526-0ca85c53563c?w=600" alt="Фото 6">
+          </div>
+        </div>
+      </div>
+    </section>
+
+    <!-- RSVP -->
+    <section class="rsvp">
+      <div class="container">
+        <h2 class="section-title fade-in">Подтвердите присутствие</h2>
+        <div class="rsvp-form fade-in" id="rsvpForm">
+          <form id="rsvpFormElement">
+            <div class="form-group">
+              <label>Имя и фамилия</label>
+              <input type="text" id="guestName" placeholder="Введите ваше имя" required>
+            </div>
+            <div class="form-group">
+              <label>Вы будете присутствовать?</label>
+              <div class="radio-group">
+                <label class="radio-option">
+                  <input type="radio" name="attendance" value="yes" checked>
+                  Да, с радостью!
+                </label>
+                <label class="radio-option">
+                  <input type="radio" name="attendance" value="no">
+                  К сожалению, не смогу
+                </label>
               </div>
             </div>
-          </div>
-          <div class="testimonial-card">
-            <p class="testimonial-text">«Удобно что можно загрузить свою программу. Не нужно переучиваться под готовые шаблоны. AI Coach реально помогает разобраться с плато.»</p>
-            <div class="testimonial-author">
-              <div class="author-avatar">Д</div>
-              <div>
-                <div class="author-name">Дмитрий В.</div>
-                <div class="author-role">Средний уровень, 1 год</div>
+            <div class="form-group">
+              <label>Количество гостей</label>
+              <div class="guest-counter">
+                <button type="button" class="counter-btn" id="counterMinus">−</button>
+                <span class="counter-value" id="guestCount">1</span>
+                <button type="button" class="counter-btn" id="counterPlus">+</button>
               </div>
             </div>
-          </div>
-          <div class="testimonial-card">
-            <p class="testimonial-text">«Графики мотивируют! Видишь как растёшь и не хочешь пропускать тренировки. Telegram-бот напоминает когда забывают.»</p>
-            <div class="testimonial-author">
-              <div class="author-avatar">М</div>
-              <div>
-                <div class="author-name">Мария С.</div>
-                <div class="author-role">Похудение, 4 месяца</div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-
-    <section class="cta">
-      <div class="container">
-        <h2>Готов начать прогрессировать?</h2>
-        <p>Бесплатно. Без скрытых платежей. Работает прямо в браузере.</p>
-        <a href="#" class="cta-btn btn-large" onclick="openApp()">Открыть приложение</a>
-      </div>
-    </section>
-
-    <footer>
-      <div class="container">
-        <div class="footer-links">
-          <a href="#features">Возможности</a>
-          <a href="#how">Как работает</a>
-          <a href="#">Политика конфиденциальности</a>
-          <a href="#">Контакты</a>
-        </div>
-        <p>&copy; 2025 My Fitness Progress. Все права защищены.</p>
-      </div>
-    </footer>
-  </div>
-
-  <!-- App Container -->
-  <div class="app-container" id="appContainer">
-    <header class="container app-header">
-      <a href="#" class="logo" onclick="closeApp()">💪 MFP</a>
-      <nav class="app-nav" id="appNav">
-        <button class="active" onclick="showTab('dashboard')">Dashboard</button>
-        <button onclick="showTab('workout')">Тренировка</button>
-        <button onclick="showTab('progress')">Прогресс</button>
-        <button onclick="showTab('program')">Программа</button>
-        <button onclick="showTab('profile')">Профиль</button>
-      </nav>
-      <button class="btn btn-small btn-secondary" onclick="logout()">Выход</button>
-    </header>
-
-    <div class="container">
-      <!-- Auth -->
-      <div id="authView" class="auth-box">
-        <h2>💪 Вход</h2>
-        <form id="loginForm">
-          <div class="form-group">
-            <label>Имя пользователя</label>
-            <input type="text" id="loginUsername" required>
-          </div>
-          <div class="form-group">
-            <label>Пароль</label>
-            <input type="password" id="loginPassword" required>
-          </div>
-          <button type="submit" class="btn">Войти</button>
-        </form>
-        <div class="auth-switch">
-          Нет аккаунта? <a onclick="showRegister()">Зарегистрироваться</a>
-        </div>
-      </div>
-
-      <div id="registerView" class="auth-box" style="display: none;">
-        <h2>📝 Регистрация</h2>
-        <form id="registerForm">
-          <div class="form-group">
-            <label>Имя пользователя</label>
-            <input type="text" id="regUsername" required>
-          </div>
-          <div class="form-group">
-            <label>Пароль</label>
-            <input type="password" id="regPassword" required>
-          </div>
-          <button type="submit" class="btn">Создать аккаунт</button>
-        </form>
-        <div class="auth-switch">
-          Есть аккаунт? <a onclick="showLogin()">Войти</a>
-        </div>
-      </div>
-
-      <!-- Dashboard -->
-      <div id="dashboardTab" class="dashboard">
-        <div class="stats-grid">
-          <div class="stat-card">
-            <div class="label">Тренировок</div>
-            <div class="value" id="statWorkouts">0</div>
-          </div>
-          <div class="stat-card">
-            <div class="label">Текущий вес</div>
-            <div class="value" id="statWeight">—</div>
-          </div>
-          <div class="stat-card">
-            <div class="label">Цель</div>
-            <div class="value" id="statGoal">—</div>
-          </div>
-          <div class="stat-card">
-            <div class="label">Прогресс</div>
-            <div class="value" id="statProgress">0%</div>
-          </div>
-        </div>
-
-        <div class="section">
-          <div class="section-title-small">
-            <h2>🔥 Последние тренировки</h2>
-          </div>
-          <div id="recentWorkouts"></div>
-        </div>
-      </div>
-
-      <!-- Workout -->
-      <div id="workoutTab" class="dashboard" style="display: none;">
-        <div class="section">
-          <div class="section-title-small">
-            <h2>📅 Сегодняшняя тренировка</h2>
-            <button class="btn btn-small" onclick="startWorkout()">Начать</button>
-          </div>
-          <div id="todayWorkout"></div>
-        </div>
-      </div>
-
-      <!-- Progress -->
-      <div id="progressTab" class="dashboard" style="display: none;">
-        <div class="section">
-          <div class="section-title-small"><h2>🏆 Личные рекорды</h2></div>
-          <div id="prList"></div>
-        </div>
-      </div>
-
-      <!-- Program -->
-      <div id="programTab" class="dashboard" style="display: none;">
-        <div class="section">
-          <div class="section-title-small">
-            <h2>📋 Моя программа</h2>
-            <button class="btn btn-small" onclick="showImportModal()">Загрузить</button>
-          </div>
-          <div id="programInfo"></div>
-        </div>
-      </div>
-
-      <!-- Profile -->
-      <div id="profileTab" class="dashboard" style="display: none;">
-        <div class="section">
-          <div class="section-title-small"><h2>👤 Профиль</h2></div>
-          <form id="profileForm" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px;">
             <div class="form-group">
-              <label>Имя</label>
-              <input type="text" id="profileName">
-            </div>
-            <div class="form-group">
-              <label>Возраст</label>
-              <input type="number" id="profileAge">
-            </div>
-            <div class="form-group">
-              <label>Рост (см)</label>
-              <input type="number" id="profileHeight">
-            </div>
-            <div class="form-group">
-              <label>Начальный вес (кг)</label>
-              <input type="number" id="profileStartWeight" step="0.1">
-            </div>
-            <div class="form-group">
-              <label>Текущий вес (кг)</label>
-              <input type="number" id="profileCurrentWeight" step="0.1">
-            </div>
-            <div class="form-group">
-              <label>Целевой вес (кг)</label>
-              <input type="number" id="profileTargetWeight" step="0.1">
-            </div>
-            <div class="form-group" style="grid-column: 1 / -1;">
-              <button type="submit" class="btn">Сохранить</button>
+              <label>Комментарий</label>
+              <textarea id="guestComment" placeholder="Пожелания, аллергии, особые предпочтения..."></textarea>
             </div>
+            <button type="submit" class="btn-submit">Подтвердить присутствие</button>
           </form>
+          <div class="success-message" id="successMessage">
+            <h3>Спасибо! ❤️</h3>
+            <p>Будем ждать вас на нашем празднике!</p>
+          </div>
         </div>
       </div>
-    </div>
+    </section>
+
+    <!-- Final -->
+    <section class="final">
+      <div class="container">
+        <h2 class="fade-in">До встречи на нашем празднике!</h2>
+        <div class="final-names fade-in" id="finalNames">Aliya & Erlan</div>
+        <div class="final-heart fade-in">❤️</div>
+      </div>
+    </section>
   </div>
 
-  <!-- Import Modal -->
-  <div class="modal" id="importModal">
-    <div class="modal-content">
-      <div class="modal-header">
-        <h3>📁 Загрузка программы</h3>
-        <button class="close-modal" onclick="closeImportModal()">×</button>
-      </div>
-      <div class="form-group">
-        <label>Название программы</label>
-        <input type="text" id="programName" placeholder="Например: 5x5 StrongLifts">
-      </div>
-      <div class="form-group">
-        <label>Программа (формат: Упражнение: подходыxповторения @ вес)</label>
-        <textarea id="programText" rows="12" style="width: 100%; padding: 12px; background: var(--bg-input); border: 1px solid var(--border); border-radius: 8px; color: var(--text); font-family: monospace;" placeholder="День 1 - Грудь + Трицепс
-Жим лёжа: 4x8 @ 60кг
-Жим гантелей: 3x10 @ 20кг
-Разгибание рук: 3x12 @ 15кг
-
-День 2 - Спина + Бицепс
-Тяга: 4x8 @ 70кг
-Подтягивания: 3x8
-Сгибание рук: 3x12 @ 12кг"></textarea>
-      </div>
-      <button class="btn" onclick="parseProgram()">Распознать и сохранить</button>
-    </div>
-  </div>
-
-  <!-- Workout Modal -->
-  <div class="modal" id="workoutModal">
-    <div class="modal-content">
-      <div class="modal-header">
-        <h3 id="workoutTitle">Тренировка</h3>
-        <button class="close-modal" onclick="closeWorkoutModal()">×</button>
-      </div>
-      <div id="workoutContent"></div>
-      <button class="btn" onclick="completeWorkout()" style="margin-top: 20px;">Завершить тренировку</button>
-    </div>
-  </div>
+  <!-- Share Button -->
+  <button class="share-btn" id="shareBtn" title="Поделиться">
+    <svg viewBox="0 0 24 24"><path d="M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92s2.92-1.31 2.92-2.92-1.31-2.92-2.92-2.92z"/></svg>
+  </button>
 
   <script>
-    // Data storage in localStorage
-    function getAppData() {
-      try {
-        return JSON.parse(localStorage.getItem('mfp_data')) || { users: [], currentUser: null, programs: [], workouts: [] };
-      } catch {
-        return { users: [], currentUser: null, programs: [], workouts: [] };
-      }
-    }
+    // Configuration - легко редактировать
+    const CONFIG = {
+      names: "Нуртас & Аружан",
+      eventName: "Toy Kesh",
+      date: "2027-07-07",
+      time: "18:00",
+      venue: "Алтын Сарай",
+      address: "Алматы",
+      coordinates: { lat: 43.2389, lng: 76.9453 },
+      invitationText: {
+        p1: "С большой радостью приглашаем вас разделить с нами этот особенный день и стать частью нашего праздника.",
+        p2: "Ваши улыбки, тёплые слова и поддержка делают этот момент ещё более значимым для нас.",
+        p3: "Будем счастливы видеть вас среди дорогих нам людей!"
+      },
+      signature: "С любовью, Нуртас & Аружан",
+      musicUrl: "https://cdn.pixabay.com/download/audio/2022/10/25/audio_24a29c5e6d.mp3"
+    };
 
-    function saveAppData(data) {
-      localStorage.setItem('mfp_data', JSON.stringify(data));
-    }
+    // Apply config
+    document.getElementById('heroNames').textContent = CONFIG.names;
+    document.getElementById('heroEvent').textContent = CONFIG.eventName;
+    document.getElementById('heroDate').textContent = CONFIG.date.split('-').reverse().join('.');
+    document.getElementById('heroTime').textContent = CONFIG.time;
+    document.getElementById('invitationText1').textContent = CONFIG.invitationText.p1;
+    document.getElementById('invitationText2').textContent = CONFIG.invitationText.p2;
+    document.getElementById('invitationText3').textContent = CONFIG.invitationText.p3;
+    document.getElementById('invitationSignature').textContent = CONFIG.signature;
+    document.getElementById('infoTitle').textContent = CONFIG.eventName;
+    document.getElementById('infoDate').textContent = new Date(CONFIG.date).toLocaleDateString('ru-RU', { day: 'numeric', month: 'long', year: 'numeric' });
+    document.getElementById('infoTime').textContent = CONFIG.time;
+    document.getElementById('infoVenue').textContent = CONFIG.venue;
+    document.getElementById('infoAddress').textContent = CONFIG.address;
+    document.getElementById('venueName').textContent = CONFIG.venue;
+    document.getElementById('venueAddress').textContent = '📍 ' + CONFIG.address;
+    document.getElementById('finalNames').textContent = CONFIG.names;
 
-    function hash(str) {
-      let hash = 0;
-      for (let i = 0; i < str.length; i++) {
-        const char = str.charCodeAt(i);
-        hash = ((hash << 5) - hash) + char;
-        hash = hash & hash;
-      }
-      return hash.toString(36);
-    }
-
-    function genId() {
-      return Date.now().toString(36) + Math.random().toString(36).slice(2);
-    }
-
-    let currentUser = null;
-    let currentProgram = null;
-    let activeWorkout = null;
-
-    // Landing <-> App
-    function openApp() {
-      document.getElementById('landingPage').classList.add('hidden');
-      document.getElementById('appContainer').classList.add('active');
-      checkAuth();
-    }
-
-    function closeApp() {
-      document.getElementById('landingPage').classList.remove('hidden');
-      document.getElementById('appContainer').classList.remove('active');
-    }
-
-    // Auth
-    function showLogin() {
-      document.getElementById('authView').style.display = 'block';
-      document.getElementById('registerView').style.display = 'none';
-    }
-
-    function showRegister() {
-      document.getElementById('authView').style.display = 'none';
-      document.getElementById('registerView').style.display = 'block';
-    }
-
-    function login(username, password) {
-      const data = getAppData();
-      const user = data.users.find(u => u.username === username && u.password === hash(password));
-      if (user) {
-        data.currentUser = user.id;
-        saveAppData(data);
-        currentUser = user;
-        showMain();
-      } else {
-        alert('Неверное имя или пароль');
-      }
-    }
-
-    function register(username, password) {
-      const data = getAppData();
-      if (data.users.find(u => u.username === username)) {
-        alert('Пользователь уже существует');
-        return;
-      }
-      const user = {
-        id: genId(),
-        username,
-        password: hash(password),
-        profile: {},
-        weightHistory: [],
-        achievedPRs: [],
-        createdAt: new Date().toISOString()
-      };
-      data.users.push(user);
-      data.currentUser = user.id;
-      saveAppData(data);
-      currentUser = user;
-      showMain();
-    }
-
-    function logout() {
-      const data = getAppData();
-      data.currentUser = null;
-      saveAppData(data);
-      currentUser = null;
-      document.getElementById('authView').style.display = 'block';
-      document.getElementById('registerView').style.display = 'none';
-      document.querySelectorAll('.dashboard').forEach(el => el.style.display = 'none');
-    }
-
-    function checkAuth() {
-      const data = getAppData();
-      if (data.currentUser) {
-        currentUser = data.users.find(u => u.id === data.currentUser);
-        if (currentUser) {
-          showMain();
-        }
-      }
-    }
-
-    function showMain() {
-      document.getElementById('authView').style.display = 'none';
-      document.getElementById('registerView').style.display = 'none';
-      document.querySelectorAll('.dashboard').forEach(el => el.style.display = 'none');
-      document.getElementById('dashboardTab').style.display = 'block';
-      document.querySelectorAll('#appNav button').forEach(el => el.classList.remove('active'));
-      document.querySelector('#appNav button:first-child').classList.add('active');
-      loadProfile();
-      loadProgram();
-      loadStats();
-      loadWorkouts();
-    }
-
-    function showTab(tab) {
-      document.querySelectorAll('.dashboard').forEach(el => el.style.display = 'none');
-      document.querySelectorAll('#appNav button').forEach(el => el.classList.remove('active'));
-      document.getElementById(tab + 'Tab').style.display = 'block';
-      event.target.classList.add('active');
-      
-      if (tab === 'workout') loadTodayWorkout();
-      if (tab === 'progress') loadProgress();
-      if (tab === 'program') loadProgram();
-    }
-
-    // Profile
-    function loadProfile() {
-      if (!currentUser) return;
-      const profile = currentUser.profile || {};
-      document.getElementById('profileName').value = profile.name || '';
-      document.getElementById('profileAge').value = profile.age || '';
-      document.getElementById('profileHeight').value = profile.height || '';
-      document.getElementById('profileStartWeight').value = profile.startWeight || '';
-      document.getElementById('profileCurrentWeight').value = profile.currentWeight || '';
-      document.getElementById('profileTargetWeight').value = profile.targetWeight || '';
-    }
-
-    document.getElementById('profileForm').addEventListener('submit', (e) => {
-      e.preventDefault();
-      const data = getAppData();
-      const user = data.users.find(u => u.id === currentUser.id);
-      user.profile = {
-        name: document.getElementById('profileName').value,
-        age: parseInt(document.getElementById('profileAge').value),
-        height: parseInt(document.getElementById('profileHeight').value),
-        startWeight: parseFloat(document.getElementById('profileStartWeight').value),
-        currentWeight: parseFloat(document.getElementById('profileCurrentWeight').value),
-        targetWeight: parseFloat(document.getElementById('profileTargetWeight').value)
-      };
-      currentUser = user;
-      saveAppData(data);
-      showNotification('Профиль сохранён!');
-      loadStats();
+    // Open invitation
+    document.getElementById('openInvitation').addEventListener('click', function() {
+      document.getElementById('hero').style.display = 'none';
+      document.getElementById('mainContent').classList.add('visible');
+      window.scrollTo({ top: 0, behavior: 'smooth' });
+      initAnimations();
     });
 
-    // Program
-    function loadProgram() {
-      if (!currentUser) return;
-      const data = getAppData();
-      currentProgram = data.programs.find(p => p.userId === currentUser.id);
-      
-      if (currentProgram) {
-        document.getElementById('programInfo').innerHTML = `
-          <div class="workout-card">
-            <h3>${currentProgram.name}</h3>
-            <p style="color: var(--text-muted);">${currentProgram.days.length} дней</p>
-            <div style="margin-top: 16px;">
-              ${currentProgram.days.map((day, i) => `
-                <div style="margin-bottom: 16px;">
-                  <strong>День ${i + 1}: ${day.name}</strong>
-                  <ul style="color: var(--text-muted); margin-top: 8px; padding-left: 20px;">
-                    ${day.exercises.map(ex => `<li>${ex.name}: ${ex.sets}x${ex.targetReps} @ ${ex.currentWeight}кг</li>`).join('')}
-                  </ul>
-                </div>
-              `).join('')}
-            </div>
-          </div>
-        `;
+    // Music toggle
+    const music = document.getElementById('bgMusic');
+    const musicToggle = document.getElementById('musicToggle');
+    let isPlaying = false;
+
+    musicToggle.addEventListener('click', function() {
+      if (isPlaying) {
+        music.pause();
+        musicToggle.classList.remove('music-playing');
+        musicToggle.innerHTML = '<svg viewBox="0 0 24 24"><path d="M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z"/></svg>';
       } else {
-        document.getElementById('programInfo').innerHTML = '<p style="color: var(--text-muted);">Программа не загружена. Нажми "Загрузить" чтобы добавить.</p>';
+        music.play();
+        musicToggle.classList.add('music-playing');
+        musicToggle.innerHTML = '<svg viewBox="0 0 24 24"><path d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4L12 20V7.73l2.27 2.27h.01c-.63.63-1.02 1.5-1.02 2.47 0 2.21 1.79 4 4 4 .97 0 1.84-.39 2.48-1.02l1.48 1.48C19.71 20.89 18.07 21.5 16.5 21.5 12.91 21.5 9.79 19.27 8.55 16.1L3 10.55V3h1.27z"/></svg>';
       }
+      isPlaying = !isPlaying;
+    });
+
+    // Countdown
+    function updateCountdown() {
+      const eventDate = new Date(CONFIG.date + 'T' + CONFIG.time).getTime();
+      const now = new Date().getTime();
+      const diff = eventDate - now;
+
+      if (diff <= 0) {
+        document.querySelector('.countdown').style.display = 'none';
+        document.getElementById('countdownMessage').style.display = 'block';
+        return;
+      }
+
+      const days = Math.floor(diff / (1000 * 60 * 60 * 24));
+      const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+      const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
+      const seconds = Math.floor((diff % (1000 * 60)) / 1000);
+
+      document.getElementById('cdDays').textContent = String(days).padStart(2, '0');
+      document.getElementById('cdHours').textContent = String(hours).padStart(2, '0');
+      document.getElementById('cdMinutes').textContent = String(minutes).padStart(2, '0');
+      document.getElementById('cdSeconds').textContent = String(seconds).padStart(2, '0');
     }
 
-    function showImportModal() {
-      document.getElementById('importModal').classList.add('on');
-    }
+    setInterval(updateCountdown, 1000);
+    updateCountdown();
 
-    function closeImportModal() {
-      document.getElementById('importModal').classList.remove('on');
-    }
+    // Map buttons
+    document.getElementById('btnMap').addEventListener('click', function() {
+      const query = encodeURIComponent(CONFIG.venue + ' ' + CONFIG.address);
+      window.open(`https://www.google.com/maps/search/?api=1&query=${query}`, '_blank');
+    });
 
-    function parseProgram() {
-      const name = document.getElementById('programName').value || 'Моя программа';
-      const text = document.getElementById('programText').value;
-      const days = [];
-      const dayBlocks = text.split(/День\s*\d*[:\-\n]/i).filter(b => b.trim());
+    document.getElementById('btn2gis').href = `https://2gis.kz/almaty/search/${encodeURIComponent(CONFIG.venue)}`;
+    document.getElementById('btnGoogle').href = `https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(CONFIG.venue + ' ' + CONFIG.address)}`;
+    document.getElementById('btnYandex').href = `https://yandex.kz/maps/?text=${encodeURIComponent(CONFIG.venue + ' ' + CONFIG.address)}`;
+
+    // RSVP Form
+    let guestCount = 1;
+    document.getElementById('counterMinus').addEventListener('click', function() {
+      if (guestCount > 1) {
+        guestCount--;
+        document.getElementById('guestCount').textContent = guestCount;
+      }
+    });
+    document.getElementById('counterPlus').addEventListener('click', function() {
+      if (guestCount < 10) {
+        guestCount++;
+        document.getElementById('guestCount').textContent = guestCount;
+      }
+    });
+
+    document.getElementById('rsvpFormElement').addEventListener('submit', function(e) {
+      e.preventDefault();
       
-      dayBlocks.forEach(block => {
-        const lines = block.trim().split('\n');
-        const dayName = lines[0].trim();
-        const exercises = [];
+      const rsvp = {
+        name: document.getElementById('guestName').value,
+        attendance: document.querySelector('input[name="attendance"]:checked').value,
+        guests: guestCount,
+        comment: document.getElementById('guestComment').value,
+        date: new Date().toISOString()
+      };
+
+      // Save to localStorage
+      const guests = JSON.parse(localStorage.getItem('toyGuests') || '[]');
+      guests.push(rsvp);
+      localStorage.setItem('toyGuests', JSON.stringify(guests));
+
+      // Show success
+      document.getElementById('rsvpFormElement').style.display = 'none';
+      document.getElementById('successMessage').style.display = 'block';
+
+      // Console log for admin
+      console.log('Новый RSVP:', rsvp);
+      console.log('Всего гостей:', guests.length);
+    });
+
+    // Share
+    document.getElementById('shareBtn').addEventListener('click', async function() {
+      if (navigator.share) {
+        try {
+          await navigator.share({
+            title: CONFIG.eventName,
+            text: `Приглашение на ${CONFIG.eventName} ${CONFIG.names}`,
+            url: window.location.href
+          });
+        } catch (err) {
+          console.log('Share cancelled');
+        }
+      } else {
+        navigator.clipboard.writeText(window.location.href);
+        alert('Ссылка скопирована в буфер обмена!');
+      }
+    });
+
+    // Scroll animations
+    function initAnimations() {
+      const observer = new IntersectionObserver((entries) => {
+        entries.forEach(entry => {
+          if (entry.isIntersecting) {
+            entry.target.classList.add('visible');
+          }
+        });
+      }, { threshold: 0.1 });
+
+      document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));
+    }
+
+    // Admin panel access (hidden feature)
+    document.addEventListener('keydown', function(e) {
+      if (e.ctrlKey && e.shiftKey && e.key === 'A') {
+        const password = prompt('Введите пароль администратора:');
+        if (password === 'admin123') {
+          showAdminPanel();
+        }
+      }
+    });
+
+    function showAdminPanel() {
+      const guests = JSON.parse(localStorage.getItem('toyGuests') || '[]');
+      const confirmed = guests.filter(g => g.attendance === 'yes').length;
+      const declined = guests.filter(g => g.attendance === 'no').length;
+      const totalGuests = guests.reduce((sum, g) => sum + (g.attendance === 'yes' ? g.guests : 0), 0);
+
+      const adminData = `
+=== СТАТИСТИКА ГОСТЕЙ ===
+Всего ответов: ${guests.length}
+Подтвердили: ${confirmed} (${totalGuests} гостей)
+Не смогут: ${declined}
+Не ответили: ${120 - guests.length}
+
+=== СПИСОК ГОСТЕЙ ===
+${guests.map(g => `${g.name} - ${g.attendance === 'yes' ? '✓' : '✗'} (${g.guests} гостей) - ${g.comment || 'без комментария'}`).join('\n')}
+      `.trim();
+
+      console.log(adminData);
+      alert('Статистика выведена в консоль (F12)\n\nCtrl+Shift+S - экспортировать в CSV');
+    }
+
+    // Export to CSV
+    document.addEventListener('keydown', function(e) {
+      if (e.ctrlKey && e.shiftKey && e.key === 'S') {
+        const guests = JSON.parse(localStorage.getItem('toyGuests') || '[]');
+        const csv = 'Имя,Присутствие,Гостей,Комментарий,Дата\n' +
+          guests.map(g => `"${g.name}",${g.attendance},${g.guests},"${g.comment || ''}",${g.date}`).join('\n');
         
-        lines.slice(1).forEach(line => {
-          const match = line.match(/(.+?):\s*(\d+)x(\d+)\s*(?:@\s*)?(\d+(?:\.\d+)?)?/i);
-          if (match) {
-            exercises.push({
-              name: match[1].trim(),
-              sets: parseInt(match[2]),
-              targetReps: parseInt(match[3]),
-              startWeight: parseFloat(match[4]) || 0,
-              currentWeight: parseFloat(match[4]) || 0
-            });
-          }
-        });
-        
-        if (exercises.length > 0) {
-          days.push({ name: dayName, exercises });
-        }
-      });
-      
-      if (days.length === 0) {
-        alert('Не удалось распознать программу. Проверь формат.');
-        return;
+        const blob = new Blob(['\uFEFF' + csv], { type: 'text/csv' });
+        const a = document.createElement('a');
+        a.href = URL.createObjectURL(blob);
+        a.download = 'guests.csv';
+        a.click();
       }
-      
-      const data = getAppData();
-      data.programs.push({
-        id: genId(),
-        userId: currentUser.id,
-        name,
-        days,
-        createdAt: new Date().toISOString()
-      });
-      saveAppData(data);
-      
-      showNotification('Программа загружена!');
-      closeImportModal();
-      loadProgram();
-    }
-
-    // Workout
-    function loadTodayWorkout() {
-      if (!currentProgram) {
-        document.getElementById('todayWorkout').innerHTML = '<p style="color: var(--text-muted);">Сначала загрузи программу</p>';
-        return;
-      }
-      
-      const dayIndex = new Date().getDay() % currentProgram.days.length;
-      const day = currentProgram.days[dayIndex];
-      
-      document.getElementById('todayWorkout').innerHTML = `
-        <div class="workout-card">
-          <h3>${day.name}</h3>
-          <div style="color: var(--text-muted); margin-bottom: 16px;">
-            ${day.exercises.length} упражнений
-          </div>
-          ${day.exercises.map(ex => `
-            <div class="exercise-item">
-              <div class="exercise-header">
-                <span class="exercise-name">${ex.name}</span>
-                <span class="exercise-target">${ex.sets} × ${ex.targetReps} @ ${ex.currentWeight}кг</span>
-              </div>
-            </div>
-          `).join('')}
-        </div>
-      `;
-    }
-
-    function startWorkout() {
-      if (!currentProgram) {
-        alert('Сначала загрузи программу');
-        return;
-      }
-      
-      const dayIndex = new Date().getDay() % currentProgram.days.length;
-      const day = currentProgram.days[dayIndex];
-      
-      activeWorkout = {
-        id: genId(),
-        dayName: day.name,
-        exercises: day.exercises.map(ex => ({ ...ex, sets: [] })),
-        startedAt: new Date().toISOString()
-      };
-      
-      showWorkoutModal();
-    }
-
-    function showWorkoutModal() {
-      document.getElementById('workoutTitle').textContent = activeWorkout.dayName;
-      const content = document.getElementById('workoutContent');
-      
-      content.innerHTML = activeWorkout.exercises.map((ex, exIndex) => `
-        <div class="exercise-item" style="margin-bottom: 20px;">
-          <div class="exercise-header">
-            <span class="exercise-name">${ex.name}</span>
-            <span class="exercise-target">${ex.sets} × ${ex.targetReps} @ ${ex.currentWeight}кг</span>
-          </div>
-          <div class="sets-container">
-            ${Array.from({ length: ex.sets }).map((_, i) => `
-              <div class="set-row">
-                <span style="color: var(--text-muted);">${i + 1}</span>
-                <input type="number" placeholder="кг" value="${ex.currentWeight}" id="set-${exIndex}-${i}-weight">
-                <input type="number" placeholder="повт" id="set-${exIndex}-${i}-reps">
-                <input type="number" placeholder="RPE" min="1" max="10" id="set-${exIndex}-${i}-rpe">
-                <input type="checkbox" class="set-check" id="set-${exIndex}-${i}-done">
-              </div>
-            `).join('')}
-          </div>
-        </div>
-      `).join('');
-      
-      document.getElementById('workoutModal').classList.add('on');
-    }
-
-    function closeWorkoutModal() {
-      document.getElementById('workoutModal').classList.remove('on');
-    }
-
-    function completeWorkout() {
-      const setsData = [];
-      activeWorkout.exercises.forEach((ex, exIndex) => {
-        for (let i = 0; i < ex.sets; i++) {
-          const done = document.getElementById(`set-${exIndex}-${i}-done`).checked;
-          if (done) {
-            setsData.push({
-              exerciseIndex: exIndex,
-              set: {
-                weight: parseFloat(document.getElementById(`set-${exIndex}-${i}-weight`).value) || ex.currentWeight,
-                reps: parseInt(document.getElementById(`set-${exIndex}-${i}-reps`).value) || ex.targetReps,
-                rpe: parseInt(document.getElementById(`set-${exIndex}-${i}-rpe`).value) || 7,
-                completed: true
-              }
-            });
-          }
-        }
-      });
-      
-      // Update weights for next time
-      setsData.forEach(({ exerciseIndex, set }) => {
-        if (set.completed && set.rpe <= 8) {
-          activeWorkout.exercises[exerciseIndex].currentWeight = parseFloat((parseFloat(activeWorkout.exercises[exerciseIndex].currentWeight) + 2.5).toFixed(1));
-        }
-      });
-      
-      activeWorkout.completedAt = new Date().toISOString();
-      activeWorkout.status = 'completed';
-      
-      const data = getAppData();
-      data.workouts.push(activeWorkout);
-      
-      // Update program weights
-      if (currentProgram) {
-        const dayIndex = new Date().getDay() % currentProgram.days.length;
-        currentProgram.days[dayIndex].exercises = activeWorkout.exercises.map(ex => ({
-          name: ex.name,
-          sets: ex.sets,
-          targetReps: ex.targetReps,
-          startWeight: ex.startWeight,
-          currentWeight: ex.currentWeight
-        }));
-      }
-      
-      // Check for PRs
-      const newPRs = [];
-      activeWorkout.exercises.forEach(ex => {
-        ex.sets.forEach(set => {
-          if (set.completed) {
-            const key = `${ex.name}_${set.weight}_${set.reps}`;
-            if (!currentUser.achievedPRs || !currentUser.achievedPRs.includes(key)) {
-              newPRs.push({ exercise: ex.name, weight: set.weight, reps: set.reps });
-            }
-          }
-        });
-      });
-      
-      if (newPRs.length > 0) {
-        if (!currentUser.achievedPRs) currentUser.achievedPRs = [];
-        currentUser.achievedPRs.push(...newPRs.map(pr => `${pr.exercise}_${pr.weight}_${pr.reps}`));
-        const user = data.users.find(u => u.id === currentUser.id);
-        user.achievedPRs = currentUser.achievedPRs;
-      }
-      
-      saveAppData(data);
-      
-      if (newPRs.length > 0) {
-        newPRs.forEach(pr => {
-          showNotification(`🔥 Новый рекорд: ${pr.exercise} ${pr.weight}кг × ${pr.reps}!`);
-        });
-      } else {
-        showNotification('Тренировка завершена! Отличная работа! 💪');
-      }
-      
-      closeWorkoutModal();
-      activeWorkout = null;
-      loadStats();
-      loadProgress();
-    }
-
-    function loadWorkouts() {
-      if (!currentUser) return;
-      const data = getAppData();
-      const workouts = data.workouts.filter(w => w.userId === currentUser.id && w.status === 'completed').slice(-5).reverse();
-      const container = document.getElementById('recentWorkouts');
-      
-      if (workouts.length === 0) {
-        container.innerHTML = '<p style="color: var(--text-muted);">Пока нет тренировок</p>';
-        return;
-      }
-      
-      container.innerHTML = workouts.map(w => `
-        <div class="workout-card" style="padding: 16px;">
-          <div style="display: flex; justify-content: space-between;">
-            <strong>${w.dayName}</strong>
-            <span style="color: var(--text-muted);">${new Date(w.completedAt).toLocaleDateString('ru-RU')}</span>
-          </div>
-          <div style="color: var(--text-muted); font-size: 14px; margin-top: 8px;">
-            ${w.exercises.filter(e => e.sets.length > 0).length} упражнений выполнено
-          </div>
-        </div>
-      `).join('');
-    }
-
-    // Stats
-    function loadStats() {
-      if (!currentUser) return;
-      const data = getAppData();
-      const workouts = data.workouts.filter(w => w.userId === currentUser.id && w.status === 'completed');
-      const profile = currentUser.profile || {};
-      
-      document.getElementById('statWorkouts').textContent = workouts.length;
-      document.getElementById('statWeight').textContent = profile.currentWeight ? profile.currentWeight + ' кг' : '—';
-      document.getElementById('statGoal').textContent = profile.targetWeight ? profile.targetWeight + ' кг' : '—';
-      
-      if (profile.startWeight && profile.targetWeight && profile.currentWeight) {
-        const totalChange = profile.targetWeight - profile.startWeight;
-        const currentChange = profile.currentWeight - profile.startWeight;
-        const progress = totalChange !== 0 ? Math.min(100, Math.abs(currentChange / totalChange) * 100) : 0;
-        document.getElementById('statProgress').textContent = Math.round(progress) + '%';
-      }
-    }
-
-    function loadProgress() {
-      if (!currentUser) return;
-      const prList = document.getElementById('prList');
-      
-      if (currentUser.achievedPRs && currentUser.achievedPRs.length > 0) {
-        prList.innerHTML = currentUser.achievedPRs.slice(-10).reverse().map(pr => {
-          const [ex, weight, reps] = pr.split('_');
-          return `<div class="workout-card" style="padding: 16px;">
-            <strong>${ex}</strong>: ${weight}кг × ${reps}
-          </div>`;
-        }).join('');
-      } else {
-        prList.innerHTML = '<p style="color: var(--text-muted);">Пока нет рекордов. Начни тренироваться!</p>';
-      }
-    }
-
-    // Utils
-    function showNotification(text) {
-      const el = document.createElement('div');
-      el.className = 'notification';
-      el.textContent = text;
-      document.body.appendChild(el);
-      setTimeout(() => el.remove(), 3000);
-    }
-
-    // Init
-    document.getElementById('loginForm').addEventListener('submit', (e) => {
-      e.preventDefault();
-      login(document.getElementById('loginUsername').value, document.getElementById('loginPassword').value);
-    });
-
-    document.getElementById('registerForm').addEventListener('submit', (e) => {
-      e.preventDefault();
-      register(document.getElementById('regUsername').value, document.getElementById('regPassword').value);
-    });
-
-    // Smooth scroll for landing
-    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
-      anchor.addEventListener('click', function (e) {
-        const href = this.getAttribute('href');
-        if (href !== '#' && !this.onclick) {
-          e.preventDefault();
-          const target = document.querySelector(href);
-          if (target) {
-            target.scrollIntoView({ behavior: 'smooth' });
-          }
-        }
-      });
     });
   </script>
 </body>
