/* Общие стили */
           body {
               font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
               margin: 0;
               padding: 0;
               background-color: #fff;
               color: #333;
               line-height: 1.6;
           }

           /* Шапка */
           header {
               background: linear-gradient(135deg, #005096 0%, #8fcbf0 100%);
               color: white;
               padding: 1.5rem 0;
               text-align: center;
               box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
           }

           header h1 {
               margin: 0;
               font-size: 1.8rem;
               font-weight: 500;
           }

           /* Основной контент */
           .container {
               max-width: 1200px;
               margin: 2rem auto;
               padding: 0 1rem;
           }

           /* Панель параметров */
           .control-panel {
               background: white;
               border-radius: 8px;
               padding: 1.5rem;
               box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
               margin-bottom: 2rem;
           }

           .control-group {
               margin-bottom: 1rem;
           }

           label {
               display: flex;
               align-items: center;
               margin-bottom: 0.5rem;
               font-weight: 500;
               color: #555;
           }

           input[type="range"] {
               width: 200px;
               margin-right: 1rem;
               accent-color: #6e48aa;
           }

           input[type="number"] {
               width: 80px;
               padding: 0.5rem;
               border: 1px solid #ddd;
               border-radius: 4px;
               font-size: 1rem;
           }

           /* График */
           #plot {
               background: white;
               border-radius: 8px;
               height: 600px;
               box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
           }

           /* Подвал */
           footer {
               background: #f0f8ff;
               color: #5a6a84;
               text-align: center;
               padding: 1.5rem 0;
               margin-top: 2rem;
               font-size: 0.9rem;
           }

           footer p {
               margin: 0;
               line-height: 1.6;
           }

           /* Адаптивность */
           @media (max-width: 768px) {
               header h1 {
                   font-size: 1.4rem;
               }

               .control-panel {
                   padding: 1rem;
               }

               label {
                   flex-direction: column;
                   align-items: flex-start;
               }

               input[type="range"] {
                   width: 100%;
                   margin-bottom: 0.5rem;
               }
           }

           .content {
               background: #f9f9f9;
               padding: 30px;
               border-radius: 8px;
               box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
               margin-bottom: 30px;
           }

           .systems {
               display: grid;
               grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
               gap: 20px;
               margin-top: 40px;
           }

           .system-card {
               background: white;
               border-radius: 8px;
               padding: 20px;
               box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
               transition: transform 0.3s ease;
               text-align: center;
               border-top: 4px solid #3498db;
           }

           .system-card:hover {
               transform: translateY(-5px);
               box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
           }

           .system-card h3 {
               color: #2c3e50;
               margin-top: 0;
           }

           .btn {
               display: inline-block;
               background: #3498db;
               color: white;
               padding: 10px 20px;
               border-radius: 5px;
               text-decoration: none;
               transition: background 0.3s ease;
           }

           .btn:hover {
               background: #2980b9;
           }