/* Стили специфичные для страницы логина */
    .main-container {
        width: 960px;
        margin: 80px auto 20px;
        padding: 0;
    }
    
    .header {
        background: #507299;
        color: #fff;
        padding: 15px;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
        border-radius: 3px 3px 0 0;
        box-shadow: 0 1px 3px rgba(0,0,0,0.2);
        margin-bottom: 20px;
    }
    
    .content-wrapper {
        display: flex;
        margin-top: 0;
        gap: 20px;
    }
    
    .left-sidebar {
        width: 200px;
        flex-shrink: 0;
    }
    
    .sidebar-block {
        background: #fff;
        border: 1px solid #d3d9de;
        border-radius: 3px;
        margin-bottom: 20px;
        box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;
    }
    
    .sidebar-header {
        background: #f0f2f5;
        padding: 10px;
        border-bottom: 1px solid #d3d9de;
        font-weight: bold;
        color: #2a5885;
    }
    
    .sidebar-content {
        padding: 10px;
    }
    
    .stats-item {
        margin-bottom: 8px;
        padding-bottom: 8px;
        border-bottom: 1px dashed #d3d9de;
    }
    
    .stats-label {
        color: #656565;
    }
    
    .stats-value {
        font-weight: bold;
        color: #2a5885;
    }
    
    .auth-container {
        width: 420px;
        background: #fff;
        border: 1px solid #d3d9de;
        border-radius: 3px;
        box-shadow: 0 1px 0 0 #d7d8db, 0 0 0 1px #e3e4e8;
    }
    
    .tabs {
        display: flex;
        border-bottom: 1px solid #d3d9de;
    }
    
    .tab {
        flex: 1;
        text-align: center;
        padding: 12px 0;
        cursor: pointer;
        color: #2a5885;
        font-weight: bold;
    }
    
    .tab.active {
        background: #f0f2f5;
        border-bottom: 2px solid #507299;
    }
    
    .tab-content {
        padding: 20px;
        display: none;
    }
    
    .tab-content.active {
        display: block;
    }
    
    .form-group {
        margin-bottom: 15px;
    }
    
    label {
        display: block;
        margin-bottom: 5px;
        color: #656565;
        font-weight: bold;
    }
    
    input[type="text"],
    input[type="email"],
    input[type="password"] {
        width: 100%;
        padding: 8px 10px;
        border: 1px solid #d3d9de;
        border-radius: 3px;
        font-size: 13px;
    }
    
    input[type="text"]:focus,
    input[type="email"]:focus,
    input[type="password"]:focus {
        border-color: #a5b6c8;
        outline: none;
    }
    
    button {
        background: #5d7fa6;
        color: #fff;
        border: none;
        padding: 8px 15px;
        border-radius: 3px;
        cursor: pointer;
        font-weight: bold;
        font-size: 13px;
        width: 100%;
    }
    
    button:hover {
        background: #4a6987;
    }
    
    .auth-footer {
        text-align: center;
        padding: 15px;
        color: #656565;
        border-top: 1px solid #d3d9de;
    }
    
    .auth-footer a {
        color: #2a5885;
        text-decoration: none;
    }
    
    .auth-footer a:hover {
        text-decoration: underline;
    }
    
    .error {
        color: #e64646;
        background: #fae9e9;
        padding: 10px;
        margin-bottom: 15px;
        border-radius: 3px;
        font-size: 12px;
    }
    
    .success {
        color: #4bb34b;
        background: #e9fae9;
        padding: 10px;
        margin-bottom: 15px;
        border-radius: 3px;
        font-size: 12px;
    }
    
    .right-sidebar {
        width: 200px;
        flex-shrink: 0;
    }
    
    .site-description {
        line-height: 1.6;
        color: #333;
    }
    
    .braille-toggle {
        position: fixed;
        bottom: 20px;
        right: 20px;
        background: #507299;
        color: white;
        border: none;
        border-radius: 50%;
        width: 50px;
        height: 50px;
        cursor: pointer;
        font-size: 20px;
        box-shadow: 0 2px 5px rgba(0,0,0,0.3);
        z-index: 1000;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .braille-toggle:hover {
        background: #3a5a7a;
    }
    
    .braille-mode {
        font-family: 'Braille', 'Courier New', monospace;
        letter-spacing: 2px;
        line-height: 2;
    }
    
    .braille-mode input,
    .braille-mode button,
    .braille-mode .sidebar-block {
        font-family: 'Braille', 'Courier New', monospace;
        letter-spacing: 2px;
    }
    
    /* Мобильные стили */
    @media screen and (max-width: 768px) {
        body {
            padding: 0;
            display: block;
            min-height: auto;
        }
        
        .main-container {
            width: 100%;
            max-width: 420px;
            margin: 70px auto 20px;
            padding: 0 15px;
        }
        
        .header {
            display: none;
        }
        
        .left-sidebar,
        .right-sidebar {
            display: none;
        }
        
        .content-wrapper {
            margin-top: 0;
        }
        
        .auth-container {
            width: 100%;
            margin: 0 auto;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        
        .tabs .tab {
            padding: 15px 5px;
            font-size: 16px;
        }
        
        .tab-content {
            padding: 25px 20px;
        }
        
        .form-group {
            margin-bottom: 20px;
        }
        
        .form-group label {
            font-size: 14px;
            margin-bottom: 8px;
        }
        
        .form-group input {
            padding: 12px 15px;
            font-size: 16px;
            border: 1px solid #d3d9de;
            border-radius: 5px;
            background: #fafbfc;
        }
        
        .form-group input:focus {
            background: #fff;
            border-color: #507299;
        }
        
        button {
            padding: 14px 15px;
            font-size: 16px;
            border-radius: 5px;
            margin-top: 10px;
        }
        
        .auth-footer {
            padding: 20px;
            font-size: 14px;
        }
        
        .error, .success {
            padding: 12px;
            margin: 15px 20px;
            font-size: 13px;
            border-radius: 5px;
        }
    }
    
    @media screen and (max-width: 480px) {
        .main-container {
            margin-top: 60px;
            padding: 0 10px;
        }
        
        .tab {
            font-size: 14px;
            padding: 12px 3px;
        }
        
        .tab-content {
            padding: 20px 15px;
        }
        
        .form-group label {
            font-size: 13px;
        }
        
        .form-group input {
            padding: 10px 12px;
            font-size: 14px;
        }
        
        button {
            padding: 12px;
            font-size: 14px;
        }
        
        .auth-footer {
            padding: 15px;
            font-size: 12px;
        }
    }
    
    @media screen and (max-width: 768px) and (orientation: landscape) {
        .main-container {
            max-width: 500px;
        }
        
        .form-group {
            margin-bottom: 15px;
        }
        
        .form-group input {
            padding: 10px 12px;
        }
        
        button {
            padding: 12px;
        }
    }