/* أنماط خاصة بالجوال */
@media (max-width: 768px) {
    body.mobile-layout {
        padding: 0;
        background: linear-gradient(135deg, #1a1a2e, #16213e);
    }
    
    .mobile-layout .form-container {
        max-width: 100%;
        margin: 0;
        border-radius: 0;
        min-height: 100vh;
        box-shadow: none;
    }
    
    .mobile-layout input,
    .mobile-layout select,
    .mobile-layout textarea {
        padding: 1rem;
        font-size: 1.1rem;
        margin-bottom: 1rem;
    }
    
    .mobile-layout button {
        padding: 1.2rem;
        font-size: 1.2rem;
        margin-top: 1.5rem;
    }
    
    .mobile-layout label {
        display: block;
        margin-bottom: 0.5rem;
        font-size: 1.1rem;
    }
}