.version-main{padding:120px 0 80px;min-height:100vh}.version-header{text-align:center;margin-bottom:60px}.version-title{font-size:3rem;font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,var(--text-primary) 0,var(--light-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;justify-content:center;gap:16px}.version-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.8}.version-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:48px;flex-wrap:wrap}.version-tab{display:flex;align-items:center;gap:8px;padding:12px 24px;background:hsla(0,0%,100%,.05);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(var(--glass-blur))}.version-tab:hover{background:hsla(0,0%,100%,.08);border-color:var(--border-strong);color:var(--text-primary)}.version-tab.active{background:linear-gradient(135deg,rgba(0,120,212,.2),rgba(0,153,255,.1));border-color:var(--primary-blue);color:var(--primary-blue);box-shadow:0 0 20px rgba(0,120,212,.2)}.version-content{max-width:900px;margin:0 auto}.version-panel{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.version-card{background:var(--surface-glass);backdrop-filter:blur(var(--blur-amount));border:1px solid var(--border-subtle);border-radius:20px;padding:48px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.version-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-blue),var(--accent-blue))}.dev-card:before{background:linear-gradient(90deg,#ff9800,#f44336)}.console-card:before{background:linear-gradient(90deg,#9e9e9e,#616161)}.card-header{display:flex;align-items:flex-start;gap:24px;margin-bottom:32px}.card-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--primary-blue),var(--accent-blue));border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:var(--shadow-md)}.card-icon.warning{background:linear-gradient(135deg,#ff9800,#f44336)}.card-title-section{flex:1}.card-title-section h2{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.version-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.875rem;font-weight:600}.version-badge.stable{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.version-badge.dev{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.version-badge.console{background:linear-gradient(135deg,#9e9e9e,#616161);color:#fff}.card-description{font-size:1.125rem;color:var(--text-secondary);line-height:1.8;margin-bottom:32px}.warning-box{display:flex;gap:16px;padding:20px;background:rgba(255,152,0,.1);border:1px solid rgba(255,152,0,.3);border-radius:12px;margin-bottom:24px;align-items:flex-start}.warning-box svg{color:#ff9800;flex-shrink:0}.warning-box strong{display:block;color:#ff9800;margin-bottom:4px}.warning-box p{margin:0;color:var(--text-secondary)}.features-list{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.feature-item{display:flex;align-items:center;gap:12px;color:var(--text-secondary)}.feature-item svg{color:#4caf50;flex-shrink:0}.changes-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:20px}.changes-list{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.change-item{display:flex;align-items:flex-start;gap:12px;color:var(--text-secondary);line-height:1.6}.change-item svg{color:var(--primary-blue);flex-shrink:0;margin-top:2px}.change-item.warning svg{color:#ff9800}.update-info{background:rgba(0,120,212,.05);border:1px solid rgba(0,120,212,.2);border-radius:12px;padding:20px;margin-bottom:32px}.update-info p{margin-bottom:12px;color:var(--text-secondary)}.update-link{display:inline-flex;align-items:center;gap:8px;color:var(--primary-blue);text-decoration:none;font-weight:500;transition:all .2s}.update-link:hover{color:var(--accent-blue);text-decoration:underline}.console-preview{background:#1e1e1e;border-radius:8px;overflow:hidden;margin-bottom:32px;box-shadow:var(--shadow-md)}.console-header{background:#323233;padding:8px 16px;display:flex;align-items:center;gap:8px}.console-dot{width:12px;height:12px;border-radius:50%}.console-dot.red{background:#ff5f56}.console-dot.yellow{background:#ffbd2e}.console-dot.green{background:#27c93f}.console-title{margin-left:auto;font-size:.875rem;color:#999}.console-body{padding:20px;font-family:Consolas,Monaco,monospace;font-size:.875rem;line-height:1.6}.console-body code{color:#4ec9b0}.console-cursor{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.action-buttons{display:flex;gap:16px;flex-wrap:wrap}.btn-outline{background:transparent;color:var(--primary-blue);border:1px solid var(--primary-blue)}.btn-outline:hover{background:rgba(0,120,212,.1);border-color:var(--accent-blue);color:var(--accent-blue)}.comparison-section{margin-top:80px}.comparison-title{font-size:2rem;font-weight:600;text-align:center;margin-bottom:40px;color:var(--text-primary)}.comparison-table{background:var(--surface-glass);backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden}.table-header{background:rgba(0,120,212,.1);border-bottom:1px solid var(--border-strong)}.table-header,.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr}.table-row{border-bottom:1px solid var(--border-subtle)}.table-row:last-child{border-bottom:none}.table-cell{padding:20px;display:flex;align-items:center;justify-content:center;text-align:center}.table-cell.feature-name{justify-content:flex-start;font-weight:500;color:var(--text-primary)}.table-header .table-cell{font-weight:600;color:var(--text-primary)}.table-row:hover{background:hsla(0,0%,100%,.02)}@media (max-width:768px){.version-main{padding:100px 0 60px}.version-title{font-size:2rem;flex-direction:column}.version-tabs{flex-direction:column;width:100%;padding:0 20px}.version-tab{width:100%;justify-content:center}.version-card{padding:32px 24px}.card-header{flex-direction:column;text-align:center;align-items:center}.card-title-section h2{font-size:1.5rem}.action-buttons{flex-direction:column}.action-buttons .btn,.action-buttons a{width:100%;justify-content:center}.comparison-table{display:none}.comparison-section:after{content:"Для просмотра таблицы сравнения используйте десктопную версию сайта";display:block;text-align:center;color:var(--text-tertiary);font-size:.875rem;padding:20px;background:var(--surface-glass);border-radius:12px;border:1px solid var(--border-subtle)}}@media (max-width:480px){.version-title{font-size:1.75rem}.version-title svg{width:36px;height:36px}.version-card{padding:24px 16px}.card-icon{width:48px;height:48px}.card-icon svg{width:32px;height:32px}.console-preview{font-size:.75rem}.console-body{padding:16px}}.comparison-table,.version-card{animation:fadeInUp .8s ease-out backwards}.version-tabs .version-tab{animation:fadeInUp .6s ease-out backwards}.version-tabs .version-tab:first-child{animation-delay:.1s}.version-tabs .version-tab:nth-child(2){animation-delay:.2s}.version-tabs .version-tab:nth-child(3){animation-delay:.3s}.version-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 60px rgba(0,120,212,.1)}.stable-card{background:linear-gradient(135deg,var(--surface-glass) 0,rgba(76,175,80,.05) 100%)}.dev-card{background:linear-gradient(135deg,var(--surface-glass) 0,rgba(255,152,0,.05) 100%)}.console-card{background:linear-gradient(135deg,var(--surface-glass) 0,hsla(0,0%,62%,.05) 100%)}.version-tab svg{transition:transform .3s ease}.version-tab:hover svg{transform:scale(1.1)}.version-tab.active svg{animation:rotate .5s ease-out}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}code{background:hsla(0,0%,100%,.05);padding:2px 6px;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:.9em;color:var(--accent-blue)}html{scroll-behavior:smooth}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--surface-glass);border-radius:6px;border:2px solid var(--bg-darker)}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.1)}*{scrollbar-width:thin;scrollbar-color:var(--surface-glass) var(--bg-darker)}